溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“bootstrap框架中table如何使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“bootstrap框架中table如何使用”吧！
基本表格
基本布局完成以后，給<table>標簽添加class類名.table就可以實現基本的表格樣式（少量的內補（padding）和水平方向的分隔線）。
bootstraptable實例：制作一個六行四列的表格用于統計學生信息，具體代碼如下：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title></title>
<scriptsrc="js/jquery.min.js"type="text/javascript"charset="utf-8"></script>
<linkrel="stylesheet"type="text/css"href="css/bootstrap.min.css"/>
<scriptsrc="js/bootstrap.min.js"type="text/javascript"charset="utf-8"></script>
</head>
<body>
<tableclass="table"style="width:800px;">
<thead>
<tr><th>學號</th><th>姓名</th><th>年齡</th><th>地址</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>郭靖</td><td>25</td><td>安徽</td></tr>
<tr><td>2</td><td>田秋元</td><td>23</td><td>上海</td></tr>
<tr><td>3</td><td>楊容</td><td>24</td><td>江西</td></tr>
<tr><td>4</td><td>許悅</td><td>21</td><td>浙江</td></tr>
<tr><td>5</td><td>張柏芝</td><td>22</td><td>新疆</td></tr>
</tbody>
</table>
</body>
</html>
感謝各位的閱讀，以上就是“bootstrap框架中table如何使用”的內容了，經過本文的學習后，相信大家對bootstrap框架中table如何使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
