第四篇Bootstrap網(wǎng)格系統(tǒng)偏移列和嵌套列
更新時(shí)間：2016年06月21日 14:48:25 作者：-夏昊-
這篇文章主要介紹了Bootstrap網(wǎng)格系統(tǒng)偏移列和嵌套列的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
偏移列：
在bootstrap網(wǎng)格系統(tǒng)中我們可以使用偏移列來達(dá)到讓某列右移的效果，如下所示:
<div> <div>col2</div> </div>
Class=”col-sm-2 col-sm-offset-1”表示該列占兩份，并且往右移動(dòng)一份，看到的效果如下:
Col-sm-offset-1表示右移一份。Col-sm-offset-2表示右移兩份依次類推。Col-xs類不支持偏移列，但是它可以通過簡單的使用一個(gè)空的單元格來達(dá)到效果。
嵌套列：
我們可以在內(nèi)容中嵌套網(wǎng)格，如下所示：
<div> <div> <div> <div>col</div> <div>col</div> </div> </div> <div> <div> <div>col3</div> <div>col4</div> </div> </div>
外層是一個(gè)一行兩列的網(wǎng)格，第一列占4份，第二列占8份，在第一列中又嵌套了一個(gè)一行兩列的網(wǎng)格，第一列占2份，第二列占10份。顯示效果如下：
以上所述是小編給大家介紹的第四篇Bootstrap網(wǎng)格系統(tǒng)偏移列和嵌套列的全部敘述，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript Map實(shí)現(xiàn)原理與底層結(jié)構(gòu)詳解
哈希表（也稱為哈希表）是一種基于鍵直接訪問內(nèi)存存儲位置的數(shù)據(jù)結(jié)構(gòu)。也就是說，它通過計(jì)算一個(gè)鍵值函數(shù)來加速查找，該函數(shù)將要查詢的數(shù)據(jù)映射到表中的某個(gè)位置。該映射函數(shù)稱為散列函數(shù)，記錄數(shù)組稱為散列表2022-09-09
使用JavaScript腳本無法直接改變Asp.net中Checkbox控件的Enable屬性的解決方法
今天工作中遇到個(gè)小問題，情況如下，當(dāng)我在后臺頁面中設(shè)置Checkbox的Enable的值為false時(shí)，我在前端頁面中使用腳本(chk.disabled = false)，無法改變disabled的值為false，下面看看小編是怎么解決此問題的，需要的朋友一起了解了解吧2015-09-09
本文主要對Javascript的外部對象進(jìn)行介紹，列舉了具體實(shí)例。便于理解。有需要的朋友可以看下2016-12-12
微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解
這篇文章主要介紹了微信小程序事件對象中e.target和e.currentTarget的區(qū)別詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
原生javascript實(shí)現(xiàn)圖片按鈕切換
這篇文章主要介紹了原生javascript實(shí)現(xiàn)圖片按鈕切換,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細(xì)介紹了一些你不知道的JavaScript異步相關(guān)知識，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定幫助，感興趣的可以跟隨小編一起學(xué)習(xí)一下2022-11-11
這篇文章主要介紹了JS給超鏈接加確認(rèn)對話框的方法,涉及javascript操作對話框的技巧,需要的朋友可以參考下2015-02-02
JS數(shù)據(jù)類型（基本數(shù)據(jù)類型、引用數(shù)據(jù)類型）及堆和棧的區(qū)別分析
這篇文章主要介紹了JS數(shù)據(jù)類型（基本數(shù)據(jù)類型、引用數(shù)據(jù)類型）及堆和棧的區(qū)別,結(jié)合實(shí)例形式分析了JS基本數(shù)據(jù)類型、引用數(shù)據(jù)類型概念、用法,以及堆和棧的區(qū)別,需要的朋友可以參考下2020-03-03
JS+CSS實(shí)現(xiàn)Li列表隔行換色效果的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)Li列表隔行換色效果的方法,實(shí)例分析了js操作li節(jié)點(diǎn)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
this是Javascript語言的一個(gè)關(guān)鍵字。它代表函數(shù)運(yùn)行時(shí)，自動(dòng)生成的一個(gè)內(nèi)部對象，只能在函數(shù)內(nèi)部使用。接下來通過本文給大家分享JavaScript中var that=this所代表的意思，需要的朋友參考下吧2017-02-02