Bootstrap3学习笔记(三)之表格

发布时间：2020-12-18 00:54:49 所属栏目：安全来源：网络整理

导读：在上篇文章给大家介绍了只需要在table标签上使用.table类，就可以使用bootstrap默认的表格样式如果需要行背景有交替变化，可以这样设定：代码如下: 如果需要边框，可以这样设定：代码如下: 如果希望鼠标移动到内容行上有响应效果，可以这样设定：代码如

在上篇文章给大家介绍了

只需要在table标签上使用.table类，就可以使用bootstrap默认的表格样式

如果需要行背景有交替变化，可以这样设定：

代码如下:

如果需要边框，可以这样设定：

代码如下:

如果希望鼠标移动到内容行上有响应效果，可以这样设定：

代码如下:

如果希望表格紧凑一点节省空间，可以这样设定，cell的pedding将减半为4px，默认padding为8px：

代码如下:

也可以给某行加上特定的样式：

为了不同设备上显示一致，对表格也可使用响应式设定，在表格外使用div修饰一下，将自动适应小于或大于768px的设备：

代码如下:

Bootstrap支持的表格元素：

以上所述是小编给大家介绍的Bootstrap3学习笔记(三)之表格的相关知识。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!