登录免费注册

首页  思维导图  详情



 



Bootstrap 布局排版

Bootstrap 布局排版

2016-12-16 15:09:16   0  举报





仅支持查看

AI智能生成

bootstrap

bootstrap

模板推荐

作者其他创作

大纲/内容

简介

集成HTML,CSS,JS 前端框架

优势

省时

响应式布局

易用'

浏览器兼容性好

开源免费

布局与排版

网格系统

将窗口划分为12列

设备尺寸

大尺寸 >=1200px(1170px)

.col-lg-**

中等尺寸 >=992px(970)

.col-md-**

小尺寸 >=768px(750px)

.col-sm-**

极小 < 768px

.col-xs-**

布局容器

div.container

div.row

.col-**-**

偏移

.col-**-offset-**

自适应工具类

.hidden-**  在什么尺寸的时候隐藏

子主题

.visble-** 在什么尺寸显示

布局

固定 .container

流式布局

文字排版

标题

<h1-h6>

页面头部

div.page-header

<h1>

正文

.lead 突出显示

对齐

.text-left 左对齐

.text-center 居中对齐

.text-right 右对齐

.text-justify 两端对齐

文字强调

text.muted 次要

.text-primary 主要

.text-success 成功

.text-info 信息

.text.warning 警告

.text-danger 危险

引言

<blockquote>...<blockquote>

 Collect

Get Started

经七路店布局

 Collect

Get Started

珊瑚海环境布局图

 Collect

Get Started

bootstrap

 Collect

Get Started

车间布局













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document