bootstrap3随笔
[toc]
布局容器 bootstrap需要为页面内容和栅格系统包裹在一个.container容器
!!! caution warning!
由于padding等属性的原因，这两种容器不能互相嵌套
.container类用于固定宽度并支持响应式布局的容器
.container-fluid类用于100%宽度，占据全部视口(viewport)的容器 栅格参数 超小屏幕 小屏幕 >768px .col-sm-
中等屏幕 >992px .col-md-
大屏幕 >1200px .col-lg- 排版 标题
~都可以使用,同时提供了.h1到.h6的类 !!! hint info
如果使用副标题的话可以包含标签或者使用.small类
内联文本元素 ,为文本加上删除线
,为文本加上下划线 小号文本 标签包裹的元素，其内的文本将被设置为父容器字体大小的85%。
!!! note '提示'
标题元素中嵌套的元素被设置不同的font-size
着重 包裹的元素font-weight值会加重
斜体 使用标签包裹
对齐 text-left 左对齐
text-center 中间对齐
text-right 右对齐
text-justify 两端对齐
text-nowrap 文本不换行 基本缩略语
如果缩略语是首字母，为了突显出来，可以加上.initialism类，可以让font-size变得稍微小一些
引用
可以添加引用内容 lorem ipsum dolor sit amet, consectetur adipiscing elit. integer posuere erat a ante.
someone famous in source title
!!! note 另一种展示风格
通过赋予 .blockquote-reverse 类可以让引用呈现内容右对齐的效果。
列表
、来生成有序列表和无序列表 list-unstyled 无样式列表
list-inline 内联列表(就是排成一行) 描述
带有描述短语的列表 dl-horizontal 可以让内的短语及其描述排在一行 代码块 内联代码
用户输入
代码块

变量
程序输出