我有一個Bootstrap佈局,我想創建,但我無法弄清楚我將如何完成它。基本上,在桌面尺寸上,佈局將按順序依次排列爲4列,6列和2列,然後移動,我希望4列和2列依次排列其他和6列下降。如何實現Bootstrap佈局?
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-xs-8 col-sm-4">
A
</div>
<div class="col-sm-6">
B
</div>
<div class="col-xs-4 col-sm-2">
C
</div>
<div class="clearfix"></div>
</div>
</div>
所以在移動我想 「A」 和 「C」 是內聯和 「B」 爲低於 「A」 一個完整的12列和 「C」
沒錯,這裏有一個例子:[的jsfiddle(https://jsfiddle.net/znwsk6fw/1/) –
謝謝你的建議,並感謝您的例子@azeós,這完美地工作。 – user13286