第四篇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類不支持偏移列，但是它可以通過簡(jiǎn)單的使用一個(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)偏移列和嵌套列的全部敘述，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js異步上傳多張圖片插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號(hào)是否存在，驗(yàn)證碼倒計(jì)時(shí))
js實(shí)現(xiàn)表單驗(yàn)證功能，通過js代碼驗(yàn)證手機(jī)號(hào)是否存在驗(yàn)證碼倒計(jì)時(shí)功能，代碼簡(jiǎn)單易懂非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-10-10
JavaScript中的事件循環(huán)機(jī)制及其運(yùn)行原理
JavaScript中的事件循環(huán)機(jī)制是一種異步處理機(jī)制，通過維護(hù)事件隊(duì)列和消息隊(duì)列，實(shí)現(xiàn)任務(wù)的分發(fā)和執(zhí)行。事件循環(huán)機(jī)制由主線程和任務(wù)隊(duì)列構(gòu)成，主線程運(yùn)行完當(dāng)前任務(wù)后會(huì)檢查任務(wù)隊(duì)列中是否有待執(zhí)行的任務(wù)，如有則執(zhí)行，否則等待2023-04-04
基于javascript實(shí)現(xiàn)瀏覽器滾動(dòng)條快到底部時(shí)自動(dòng)加載數(shù)據(jù)
這篇文章主要介紹了基于javascript實(shí)現(xiàn)瀏覽器滾動(dòng)條快到底部時(shí)自動(dòng)加載數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2015-11-11
js實(shí)現(xiàn)一個(gè)鏈接打開兩個(gè)鏈接地址的方法
這篇文章主要介紹了js實(shí)現(xiàn)一個(gè)鏈接打開兩個(gè)鏈接地址的方法,可實(shí)現(xiàn)連續(xù)打開兩個(gè)鏈接的功能,非常簡(jiǎn)單實(shí)用的技巧,需要的朋友可以參考下2015-05-05
下面小編就為大家?guī)硪黄鶭S:Date對(duì)象全面解析。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
下面小編就為大家?guī)硪黄獪\談JavaScript 覆蓋原型以及更改原型。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨過來看看吧2016-08-08
Javascript與vbscript數(shù)據(jù)共享
Javascript與vbscript數(shù)據(jù)共享...2007-01-01
本篇文章主要是對(duì)js獲取判斷上傳文件后綴名的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
判斷某一個(gè)對(duì)象里面是否存在某個(gè)屬性，是常見錯(cuò)誤場(chǎng)景排查，但是你真的知道該如何使用嘛，本文為大家整理了常用的三種方法，希望對(duì)大家有所幫助2023-05-05