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