2016-07-04 42 views

回答

0

,如果你會更好上傳代碼

但據我從圖像的理解,你可以嘗試以下操作:

<div class="col-xs-2 hidden-md">Navigation</div> 
<div class=" col-md-2 col-xs-8 ">Logo section </div> 
<div class="col-md-8">Navigation</div> 
<div class="col-md-2 col-xs-2">Search box</div> 
+0

那就沒辦法了,因爲他希望他的標誌在所有情況下爲中心,這樣一來他的標誌將繼續當不上移動 –

+0

我不離開你是這麼認爲的。 至少在圖片中,它似乎是左側的標誌,在桌面上 –

+0

是的。這個解決方案是最好的! –

0
<div class="col-xs-2 ham">hamburger</div> 
<div class="col-xs-8">logo</div> 
<div class="col-xs-2">search & cart</div> 

.ham * {display: none; } 
@media (max-width: 47.9em) { 
.ham * { display: block; } 
} 

我不知道它是如何與改變列的位置..

-2

您可以使用@media查詢並在該查詢中爲您的站點的移動版本寫入css。 基本上你的代碼將會像

@media(max-width: 767px) { 
    /* css code */ 

}

+0

嗨,爲什麼downvote?我有沒有遵循一些規範?或者答案沒有用?謝謝。 – Br34th7aking

相關問題