2016-07-14 139 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"