崩潰搜索欄在啓動圖標表帶3

Question

我在啓動捆綁3

創建一個響應式佈局，我不能夠解決可摺疊的搜索欄。請點擊下面的鏈接查看可摺疊菜單的外觀。

展開的菜單鏈接

可摺疊菜單鏈接

請指教。 謝謝

Answer 1

您應該稍微更改您的代碼以使其適用於移動設備。

更改此

<a href="#"><img src="images/iconCart.png" width="14" height="13"> 
Cart <span class="badge">2</span></a> 

對此

<a href="#"> 
<span class="show-mobile"><img src="images/iconCart.png" width="14" height="13"> </span> 
<span class="hidden-mobile">Cart</span> 
<span class="badge hidden-mobile">2</span> 
</a> 

並添加媒體查詢CSS像

@media screen and (max-width: 768px) { 
.show-mobile { 
display:inline-block; 
} 

.hidden-mobile { 
display:none; 
} 

}