如何在自舉中的移動視圖中將導航欄更改爲多個圖標？

Question

我在我的navbar中有4個鏈接，我想在將窗口調整到最小（移動顯示）時將所有4個鏈接從navbar帶到屏幕的中心。我如何在Bootstrap中做到這一點？

Answer 1

您可以給<li> </li>元素使用不同的列長度。例如，當屏幕尺寸是通常可移動的「xs」的屏幕尺寸時，指示當特別小（移動）時，<li class="col-xs-12">link</li>將告知鏈接佔用導航欄的整個長度。爲了使其他屏幕尺寸的顯示不同，只需在類參數中添加一個不同的列數，例如：當屏幕尺寸匹配額外的小尺寸和小尺寸時，<li class="col-xs-12 col-md-3"></li>將佔用整個導航欄，但是對於任何中等和更高尺寸，只需要3列。