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