2016-08-12 19 views
-1

以下のようなナビゲーションメニューがあり、すべての項目を2行ではなく1行にします。これをどうやって解決するのですか?それは私のための1つの行にすべてですtwitter-bootstrapのNavbar

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed --> 
      <a class="navbar-brand" href="index.html">Narma Consultancy</a> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li> 
        <a href="index.html">Home</a> 
       </li> 
       <li> 
        <a href="about.html">About</a> 
       </li> 
       <li> 
        <a href="service.html">Services</a> 
       </li> 
       <li> 
        <a href="contact.html">Projects</a> 
       </li> 
       <li> 
        <a href="client.html">Clients</a> 
       </li> 
       <li> 
        <a href="resource.html">Resources</a> 
       </li> 
       <li> 
        <a href="contact.html">Contact Us</a> 
       </li> 
       <li> 
        <a href="vacancy.html">Vacancy</a> 
       </li> 
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav> 
+0

。おそらく、あなたはこれと矛盾しているいくつかのスタイルを持っています。 –

答えて

0

あなたがタグ李のためのセット幅を使用し、floatを使用できるカスタム放置それは

関連する問題