bootstrap開發響應式網頁的常用的一些 類的說明

標籤：add   bar   vba   固定   mod   efault   導航   彈出框   boot   

1.navbar-導航條

　　1.navbar-fixed-top，讓導航條固定顯示在頁面上部(注意：固定的導航條會遮住代碼，解決方案，給body設定padding-top的值【大於或等於】為我們導航條的實際高度，如我們nav的height為50px,我們設定body {padding-top:50px;}，這樣就可以避免導航條遮住我們的內容部分)

　　2.包含一個.container 或 container-fluid容器,導航條置中或者自適應顯示

　　3.導航條預設.navbar-default是白底顯示，如果想要顯示黑底背景，給nav添加.navbar-inverse

2.dropdown-(下拉式功能表)

3.carousel-滾動圖片廣告（輪播圖）組件

4.Grid System-(柵格系統)圖文列表--多欄布局簡介

5.tabs-標籤頁

　　註：標籤頁是一個經常使用的內容，在網頁上可以放置較多的內容，又可以 節省空間的

6.modal-(模態框)-彈出框

　　註：模態框是一個經常使用的組件，一般用於彈出資訊、確認資訊和表單等內容。

7.開啟標籤頁

　　$("#tablist a[href=‘點擊的功能表項目‘]").tab("show");

以上7種就是我們在構建網頁中用的比較多的幾種類型組件，多看文檔多寫文檔，才能提高更快。

 

bootstrap開發響應式網頁的常用的一些 類的說明