bootstrap 黑边框表格样式_bootstrap布局之排版样式、列表样式、表格样式介绍

布局容器

bootstrap它认为每一个网页都应该会拥有固定的宽度，它会在容器里面水平垂直居中或者是占满容器的100%的宽度。

Bootstrap将全局font-size设置为14px，行高为1.428(20px)，

段落行高设置为等于1/2(10px)，颜色为#333

1)固定的宽度

.container类用于固定宽度并支持响应式布局的容器(水平居中)。

2)百分比宽度

.container-fluid用于100%宽度，占据全部可视化窗口的容器。

排版样式

.text-center居中对齐

.text-right居右对齐

.text-left居左对齐

.text-uppercase用于将小写字母转换为大写字母

.text-lowercase用于将大写字母转换为小写字母

.text-capitalize用于实现首字母大写

标签指示简称或缩写，比如"WWW"或"NATO"(有利于搜索引擎搜索)

突出显示文本(加底纹)

以下是bootstrap复写过样式的标签

用于表示计算机源代码或者其他机器可以阅读的文本内容。(加底纹)

常见应用表示计算机的源代码(加底纹和边框)

列表样式

列表：有序列表，无序列表，定义列表。

.sr-only隐藏一个元素，可以是行可以是列，也可以是整个table

.list-unstyled用来将列表前面的项目符号去掉，同时去除列表默认的margin值

.list-inline将列表中的内容排列成同一