bootstrap-表格-普通表格
生活随笔
收集整理的這篇文章主要介紹了
bootstrap-表格-普通表格
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.運行效果如圖所示
2.實現代碼如下
<!DOCTYPE?html> <html> <head><meta?charset="utf-8"><meta?http-equiv="X-UA-Compatible"?content="IE=edge"><title>表格</title><!--?最新版本的?Bootstrap?核心?CSS?文件?--><link?rel="stylesheet"?href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"?integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"?crossorigin="anonymous"><!--?可選的?Bootstrap?主題文件（一般不用引入）?--><link?rel="stylesheet"?href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"?integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"?crossorigin="anonymous"> </head> <body><!--?普通表格?--><table?class="table"><caption>普通表格</caption><thead><tr><th>編號</th><th>名稱</th><th>年齡</th><th>性別</th><th>學歷</th></tr></thead><tbody><tr><td>1</td><td>小小</td><td>23</td><td>女</td><td>大專</td></tr><tr><td>2</td><td>允允</td><td>23</td><td>女</td><td>大專</td></tr><tr><td>3</td><td>朔朔</td><td>26</td><td>男</td><td>大專</td></tr><tr><td>4</td><td>單單</td><td>24</td><td>女</td><td>大專</td></tr></tbody></table><script?src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><!--?最新的?Bootstrap?核心?JavaScript?文件?--><script?src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"?integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"?crossorigin="anonymous"></script> </body> </html>總結
以上是生活随笔為你收集整理的bootstrap-表格-普通表格的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： sendBroadcast和sendSt
- 下一篇： Fibonacci数列使用迭代器实现