如何將色譜柱移動到中心位置，並將其置於Bootstrap中另一列的位置？

Question

世界！

我有改變引導

我有標誌，以改變第一列的位置，以中央和移動窗口漢堡包菜單圖標的左邊顯示的列的位置有些問題。

對於所交的更多信息，看看圖片： Image on imgur here

Answer 1

，如果你會更好上傳代碼

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

<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> 

Answer 2

<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; } 
} 

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

Answer 3

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

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

}