1.表格基本格式
<table class='table'></table>
2.条纹状,斑马线效果<tbody>里面的行
<table class="table table-striped"></table>
3.给表格增加边框
<table class="table table-bordered"></table>
4.鼠标实现悬停效果
<table class='table tabler-hover'></table>
5.状态类,设置在<tr>标签上的
有active,success,info,warning,danger等
6.隐藏行<tr class="sr-only">
7.响应式表格
//表格父元素设置响应式,小于768px出现边框
<body class='table-responsive'>
只有响应式表格的类是加在父元素上的
按钮
1.样式
<button class='btn btn-default'>Button</button>//默认样式
<button class='btn btn-success'>Button</button>//成功样式
<button class='btn btn-info'>Button</button>//一般信息样式
<button class='btn btn-warning'>Button</button>//警告样式
<button class='btn btn-danger'>Button</button>//危险样式
2.从大到小的尺寸
.btn-lg>没加样式>.btn-sm>.btn-xs
3.块级按钮
.btn-block
4.激活状态
active
5.禁用状态
disabled
<button class='btn btn-primary'>Button</button>//首选项样式
<button class='btn btn-link'>Button</button>//链接样式
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
