Bootstrap 布局排版
2016-12-16 15:09:16 0 举报
AI智能生成
登录查看完整内容
为你推荐
查看更多
bootstrap
作者其他创作
大纲/内容
Bootstrap
简介
优势
省时
响应式布局
易用'
浏览器兼容性好
开源免费
布局与排版
网格系统
将窗口划分为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>
0 条评论
回复 删除
下一页