立即注册
 找回密码
 立即注册

QQ登录

只需一步,快速开始

我逸网

我逸分享各类计算工具和资料
不再需要查找公式和数据

安逸

我逸预设各种计算条件和经验
结果只在少量调整之间

效率

将繁琐交给我逸
我用故

我逸

[Js/Jquery] Bootstrap之表格应用

[复制链接]
发表于 2016-6-26 09:51:07 | 显示全部楼层 |阅读模式

Bootstrap中为表格tabel进行了一系列的定义,让我们看看这些是怎么定义和使用的。

基本样式
表格元素使用很广泛,除了表格本身,还涉及到日历、日期等,因此在Bootstrap中,并不直接定义表格的默认样式,而是把表格样式独立出来。基本的样式就是.table,为表格定义了一些内补(padding)和水平方向的表格线。

条纹状表格
增加一个类样式.table-striped,为<tbody>之内的表格行增加斑马条纹样式,表格样式扩展为:
  1. <table class="table table-striped">
复制代码
带边框的表格
增加一个类样式.table-bordered,为表格和其中的每个单元格增加边框,表格样式扩展为:
  1. <table class="table  table-bordered">
复制代码
响应鼠标的表格
增加一个类样式.table-hover,鼠标移动到<tbody>中的每一行时响应,表格样式扩展为:
  1. <table class="table table-hover">
复制代码
紧缩的表格
增加一个类样式.table-condensed,让表格更加紧凑,单元格的内补(padding)减半,表格样式扩展为:
  1. <table class="table table-condensed">
复制代码

带状态的表格
可以为表格中的行或单元格添加诸如.active之类的样式,以颜色等方式标识状态。这些状态包括动作.active,成功.success,警告.warning,危险.danger等。

响应式表格
增加一个类样式.table-responsive,将.table包裹在其中,就创建了一个响应式表格,会在小屏幕设备上(小于768px)出现水平滚动。当屏幕宽度大于768px时,水平滚动条消失。

回复 收藏

使用道具 举报

发表于 2018-9-3 05:30:39 | 显示全部楼层

国外uu,国产uu最新地址开放注册了,网站难找



iujlb03.com
回复 支持 反对 收藏

使用道具 举报

发表于 2018-10-10 21:28:23 | 显示全部楼层

国外uu,国产uu最新地址开放注册了,网站难找



92xll.com
回复 支持 反对 收藏

使用道具 举报

Archiver|服务支持:DZ动力|  

Powered by Discuz! X3.3© 2001-2013 Comsenz Inc.

Copyright © 2016-2022 我逸网 cmd2d.com All Rights Reserved.
备案号:皖ICP备16004147号-1

beian 皖公网安备 34010302000278号

快速回复 返回顶部 返回列表