2017-04-12 64 views
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> 

從理論上講,這應該已經在移動協助,但仍然沒有骰子。

回答

1

會有與你的CSS沒有別的問題。 你可以用css修復它。

如需更多幫助,請分享您的網頁鏈接?所以我們可以配置出什麼問題。