Bootstrap基本样式学习笔记之表格(2)

网友投稿 208 2023-06-26


Bootstrap基本样式学习笔记之表格(2)

Bootstrap实现了大量基本样式,包括表格、表单、按钮、图片等。基本的使用方法是通过添加特定的class来实现。

Bootstrap 提供了一个清晰的创建表格的布局。

0x01 表格样式

(1)基本样式:不带边框和分割线:

(2)样式:table-bordered:为表格带上边框:

(3)样式:table-striped:为表格带上斑马线:

(4)样式:.table-hover:为鼠标悬浮在表格行上指定不同颜色:

(5)样式:.table-condensed:使表格更加紧凑:

0x02 状态标识

还可以为表格中行或者单元格添加状态样式,比如:

&lhttp://t;td>小花

如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Java使用正则表达式(regex)匹配中文实例代码
下一篇:Bootstrap基本组件学习笔记之input输入框组(9)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~