如何才能使此菜單僅以高分辨率線顯示？

目前，所有菜單項顯示一個在另一個之上。我想以高分辨率在線顯示，何時顯示菜單收緊被消減

我該怎麼做？我用引導

這是代碼HTML：

<div class="col-sm-12 col-md-12 col-lg-12" style="background-color:lavender;"> 
    <nav class="navbar navbar-default" role="navigation"> 
<!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="#">Brand</a> 
    </div> 
    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
    <?php /* Primary navigation */ 
wp_nav_menu(array(
    'menu' => 'top_menu', 
    'depth' => 2, 
    'container' => false, 
    'menu_class' => 'nav', 
    //Process nav menu using our custom nav walker 
    'walker' => new wp_bootstrap_navwalker()) 
); 
?> 
    </div> 
</nav> 
    </div>

來源

2015-03-31 Sz. Erika

埃裏卡！沒有冒犯，這是一個CSS工作，並不應該是非常困難的。再加上如果有人在這裏必須幫助你，你可能必須在這裏發佈你的控制檯生成的HTML。 – 2015-03-31 20:43:13

如果你把內聯塊顯示出現在大的分辨率上，但也發生在線，當菜單崩潰......這是我的問題 – 2015-03-31 21:00:20

這是你應該做的事情一個模糊的描述，在默認情況下，如果你的下如何引導導航欄應在HTML編碼，你應該」你現在有問題了。

但試試這個：

@media only screen and (min-width : 992px) { 
     ul li { 
     display: inline-block; 
     } 
    }

來源

2015-03-31 21:25:47

如何才能使此菜單僅以高分辨率線顯示？

回答

相關問題