Bootstrap 学习笔记 之代码和表格 (3 day)
生活随笔
收集整理的這篇文章主要介紹了
Bootstrap 学习笔记 之代码和表格 (3 day)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
代碼:
Bootstrap 允許以兩種方式顯示代碼:
- 第一種是 <code> 標(biāo)簽。如果您想要內(nèi)聯(lián)顯示代碼,那么您應(yīng)該使用 <code> 標(biāo)簽。
- 第二種是 <pre> 標(biāo)簽。如果代碼需要被顯示為一個獨立的塊元素或者代碼有多行,那么您應(yīng)該使用 <pre> 標(biāo)簽。
請確保當(dāng)您使用 <pre> 和 <code> 標(biāo)簽時,開始和結(jié)束標(biāo)簽使用了 unicode 變體:?<?和?>。 ?// 分別表示為:< 和 > 符號,轉(zhuǎn)義字符比如在面包屑當(dāng)中會用到這里的Unicode編碼,省去了使用圖片或者輸入大于或者小于號。
表格:
Bootstrap里面有多種表格樣式,比如:基礎(chǔ)表格【只帶有內(nèi)邊距(padding)和水平分割的基本表,添加 class?.table類名】、條紋表格(.table-striped // 一行有背景色,另下一行沒有背景色,如同斑馬線的條紋?)、邊框表格(?.table-bordered)、懸停表格(.table-hover?class,當(dāng)指針懸停在行上時會出現(xiàn)淺灰色背景)、響應(yīng)式表格(通過外圍包裹一個div,同時設(shè)定類名為:.table-responsive ? 這時在移動設(shè)備上面查看也是一樣的效果)
?
轉(zhuǎn)載于:https://www.cnblogs.com/zhangxg/p/4541274.html
總結(jié)
以上是生活随笔為你收集整理的Bootstrap 学习笔记 之代码和表格 (3 day)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [转] OpenStack Kilo 更
- 下一篇: 验证界面