2016-07-14 256 views
0

請幫我看看這些題:混淆關於引導電網系統

,當我使用http://www.responsivegridsystem.com/與HTML5,當我在一節的標籤應用col_span_x,該部分的尺寸並不穩定,有時其低於其包含,和包含浮動,所以我在類行使用clearfix來修復它。

但引導網格系統讓我非常困惑。 在辦公桌屏幕它的工作原理,但是當我調整其寬度包含出門其容器所有的時間就像在我的頁腳,但它基本上還處於全臺屏幕上的頁腳

我知道調整寬度時css會搞亂,但它不應該在它的容器中? 我的目標是修復一些特定的寬度大小的CSS,只要它在它的容器(頁腳,節,div ....)

回答

2

如果您使用的是Bootstrap Framework,那麼您不需要使用響應式網格系統

引導會讓你的網站與所有瀏覽器和設備的兼容性充分響應。

這是Bootstrap HTML結構的簡單流程。

<div class="container"> 
    <!-- Your main wrapper --> 
    <div class="row"> 
     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <!-- one half section --> 
     </div> 
     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <!-- one half section --> 
     </div> 
    </div> 
</div> 


COL-LG - 大型設備桌面(≥1200px)

COL-MD - 中等設備桌面(≥992px)

COL-SM - 小型設備片(≥768px)

COL-XS - 特小號手機設備(< 768px)

有關引導網格訪問更多信息:Bootstrap


注意 - 對於這種結構可以使設計只使用2類,所有類這不需要。

喜歡用這一個 - class="col-md-6 col-xs-12"
而不是 - class="col-lg-6 col-md-6 col-sm-6 col-xs-12"