-
1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline”查看全部
-
<div class="table-responsive"> <table class="table table-bordered"> … </table> </div> 表格--响应式表格 Bootstrap中响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。示例如下：查看全部
-
<table class="table table-condensed"> … </table> 表格--紧凑型表格 何谓紧凑型表格，简单理解，就是单元格没内距或者内距较其他表格的内距更小。查看全部
-
<table class="table table-hover"> … </table> 鼠标悬浮高亮的表格 当鼠标悬停在表格的行上面有一个高亮的背景色，这样的表格让人看起来就是舒服，时刻告诉用户正在阅读表格哪一行的数据。查看全部
-
<table class="table table-bordered"> … </table> 带边框表格 使表格带有边框查看全部
-
<table class="table table-striped"> … </table> 斑马线表格，让背景带有条纹效果查看全部
-
<thead> <tr> <th>表格标题</th> <th>表格标题</th> <th>表格标题</th> </tr> </thead> <tbody> <tr> <td>表格单元格</td> <td>表格单元格</td> <td>表格单元格</td> </tr> <tr> <td>表格单元格</td> <td>表格单元格</td> <td>表格单元格</td> </tr> </tbody> 用thead 和 tbody 来写标题和内容查看全部
-
“.table”主要有三个作用： 给表格设置了margin-bottom:20px以及设置单元内距 在thead底部设置了一个2px的浅灰实线 每个单元格顶部设置了一个1px的浅灰实线查看全部
-
.table：基础表格 .table-striped：斑马线表格 .table-bordered：带边框的表格 .table-hover：鼠标悬停高亮的表格 .table-condensed：紧凑型表格 .table-responsive：响应式表格查看全部
-
“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。查看全部
-
不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。查看全部
-
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。查看全部
-
“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。 显示在同一行。查看全部
-
列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。查看全部
-
.text-left：左对齐 .text-center：居中对齐 .text-right：右对齐 .text-justify：两端对齐查看全部
举报
0/150
提交
取消