新的柵欄系統(tǒng)真的是很強大，靈活易用，看起來覺得有點復(fù)雜，但用起來的時候太爽了！

舉例來說：將一個頁面布局，對于width:100%來說，在寬屏里建立3列一行，1024里2列一行，平板電腦里1列一行，這樣寫就搞定了

 <div class="row">
    	
        <div class="col-md-4 col-sm-6">在1024分辨率以上，是3欄顯示</div>
        <div class="col-md-4 col-sm-6">在1024分辨率以下是2欄顯示</div>
        <div class="col-md-4 col-sm-6">在768分辨率以下，是1欄顯示</div>
        <div class="col-md-4 col-sm-6">制作起來非常靈活</div>
        
    </div>

在實際使用中嘗試在最小的分辨率下也仍然有縮進，但嘗試后發(fā)現(xiàn)col-xs-offset-1是無效的。仔細看，在bootstrap的文檔中說明了這個問題。

由于xs下分辨率較低，小的縮進無所謂了，大的縮進可以由自定義樣式，或空的xs樣式來進行控制。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設(shè)。