如果您使用的是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"