0
在平板電腦或筆記本電腦,後和側欄會出現後或左或右,而側邊欄將是相反的。例如:作爲響應中心側欄移動
Sidebar | Post
......或者......
Post | Sidebar
麻煩的是與移動 - 例如,一個在後或例如兩個在側邊欄會出現左對齊,當我想他們中心堆疊。我無法給予他們每個人100%的寬度 - 即使在移動設備上,這也是我想要的。
我曾嘗試與中心div的一些技巧;對於一個例子,我想我可以用一個負責任的DIV方法與帖子或側邊欄中這樣的:
<div class="row">
<div class="col-xs-12 col-md-8"><!-- POST --></div>
<div class="col-xs-6 col-md-4">
<div class="col-md-2"></div>
<div class="col-md-8"><!-- SIDEBAR --></div>
<div class="col-md-2"></div>
</div>
</div>
...反之亦然地點差價居中,頂部的邊欄。在兩種情況下,在移動設備上,所述中心格(col-md-8
)仍然左對齊。
只需以可視化的目標,在筆記本電腦或平板電腦,它會出現這樣的:
Sidebar | Post
或
Post | Sidebar
在移動,它會出現這樣的:
Sidebar-Centered
Post-Centered
更新:
測試了xs
移動:
<div class="row">
<div class="col-xs-12 col-md-8"><!-- POST --></div>
<div class="col-xs-6 col-md-4">
<div class="col-xs-3 col-md-2"></div>
<div class="col-xs-12 col-md-8"><!-- SIDEBAR --></div>
<div class="col-xs-3 col-md-2"></div>
</div>
</div>
從理論上講,這應該已經在移動協助,但仍然沒有骰子。