bootstrap表格样式大全
生活随笔
收集整理的這篇文章主要介紹了
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)被切為兩半,以便讓表看起來更緊湊,如下面的實例所示。這在想讓信息看起來更緊湊時非常有用。
<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表格样式大全的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: hihoCoder 156周 岛屿
- 下一篇: node.js报错“Error: EPE