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