-
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”查看全部
-
每一个表单都是由表单控件组成。离开了控件，表单就失去了意义查看全部
-
在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了查看全部
-
如果你要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换行，你需要将label标签也放在容器“form-group”中查看全部
-
另外从上面的示例中大家可能也发现了，不管制作哪种表格都离不开类名“table”。所以大家在使用Bootstrap表格时，千万注意，你的<table>元素中一定不能缺少类名“table”。查看全部
-
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; }查看全部
-
在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件： 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。查看全部
-
Bootstrap中响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。查看全部
-
千万注意，你的<table>元素中一定不能缺少类名“table”。查看全部
-
.table-bordered”实现带边框的表格查看全部
-
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }查看全部
-
Bootstrap还为表格的行元素<tr>提供了五种不同的类名，每种类名控制了行的不同背景颜色 tr五种背景色样式： .active .success .info .warning .danger查看全部
-
Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。 ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧凑型表格 ☑ .table-responsive：响应式表格查看全部
-
“.table”主要有三个作用： ☑ 给表格设置了margin-bottom:20px以及设置单元内距 ☑ 在thead底部设置了一个2px的浅灰实线 ☑ 每个单元格顶部设置了一个1px的浅灰实线查看全部
-
<tbody> <tr class="active"> <td>.active</td> <td>表示当前活动的信息</td> </tr> <tr class="success"> <td>.success</td> <td>表示成功或者正确的行为</td> </tr> <tr class="info"> <td>.info</td> <td>表示中立的信息或行为</td> </tr> <tr class="warning"> <td>.warning</td> <td>表示警告，需要特别注意</td> </tr> <tr class="danger"> <td>.danger</td> <td>表示危险或者可能是错误的行为</td> </tr> </tbody> 特别提示：除了”.active”之外，其他四个类名和”.table-hover”配合使用时，Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置，所以如果需要给tr元素添加其他颜色样式时，在”.table-hover”表格中也要做相应的调整。 注意要实现悬浮状态，需要在<table>标签上加入table-hover类。查看全部
举报
0/150
提交
取消