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）被切为两半，以便让表看起来更紧凑，如下面的实例所示。这在想让信息看起来更紧凑时非常有用。

 

转载于:https://www.cnblogs.com/lei-l/p/6047549.html

总结

以上是生活随笔为你收集整理的bootstrap表格样式大全的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。