栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

玩转Bootstrap基础——表格

玩转Bootstrap基础——表格

Bootstrap为表格不同的样式风格提供了不同的类名,主要包括:

.table:基础表格

.table-striped:斑马线表格

.table-bordered:带边框的表格

.table-hover:鼠标悬停高亮的表格

.table-condensed:紧凑型表格

.table-responsive:响应式表格

响应式表格: 当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时,表格底部水平滚动条就会消失。


表格的行元素< tr >提供了五种不同的类名,每种类名控制了行的不同背景颜色,具体说明如下所示:

类名 描述
.active 表示当前活动的信息
.success 表示成功或者正确的行为
.info 表示中立的信息或行为
.warning 表示警告,需要特别注意
.danger 表示危险或者可能是错误的行为

表单

水平表单 form-horizontal
内联表单  form-inline
隐藏标签  sr-only

< input >中要写上form-control类

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243640.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号