ITPub博客

首页 > IT职业 > IT图书 > 玩转Bootstrap基础——表格

玩转Bootstrap基础——表格

IT图书 作者:disable 时间:2021-09-09 09:04:44 0 删除 编辑

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

.table:基础表格

.table-striped:斑马线表格

.table-bordered:带边框的表格

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

.table-condensed:紧凑型表格

.table-responsive:响应式表格

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


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

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

图片描述

表单

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

中要写上form-control类

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/200/viewspace-2807916/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-09-12

  • 博文量
    86
  • 访问量
    16279