bootstrap表格样式大全


<table class="table">基本表格:如果您想要一个只带有内边距(padding)和水平分割的基本表,请添加 class .table,如下面实例所示
<table class="table table-striped">条纹表格:通过添加 .table-striped class,您将在 <tbody> 内的行上看到条纹,如下面的实例所示:
<table class="table table-bordered">边框表格通过添加 .table-bordered class,您将看到每个元素周围都有边框,且占整个表格是圆角的,如下面的实例所示:

<table class="table table-hover">悬停表格:通过添加 .table-hover class,当指针悬停在行上时会出现浅灰色背景,如下面的实例所示:

<table class="table table-condensed">精简表格:通过添加 .table-condensed class,行内边距(padding)被切为两半,以便让表看起来更紧凑,如下面的实例所示。这在想让信息看起来更紧凑时非常有用。

 

 

					


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM