将Bootstrap导航栏放入一半

我正在使用Bootstrap导航栏和bootstrap.min.css文件。此导航栏延伸至整个屏幕，CSS文件中的哪个位置可以更改导航栏设置（我不希望它拉伸）？有很多navbar类，我似乎无法找到正确的。将Bootstrap导航栏放入一半

<div class="navbar navbar-inverse navbar-static-top"> 
     <div class="container"> 

      <a href="#" class="navbar-brand">Imperia Bank</a> 

      <button class="navbar-toggle" data-toggle="collapse" 
       data-target=".navHeaderCollapse"> 
       <span class="icon-bar"></span> <span class="icon-bar"></span> <span 
        class="icon-bar"></span> 
      </button> 

      <div class="collapse navbar-collapse navHeaderCollapse"> 

       <ul class="nav navbar-nav navbar-right"> 

        <li class="active"><a href="homepage.html">Home</a></li> 
        <li><a href="Login.html">Login</a></li> 
        <li><a href="Register.html">Register</a></li> 
        <li><a href="customer.html">Clients</a></li> 
        <li><a href="Administrator.html">Administrator</a></li> 
        <li><a href="account.html">Accounts</a></li> 
        <li><a href="Illustration.html">Illustration</a></li> 
        <li ><a href="ATM.html">Atm</a></li> 

       </ul> 

      </div> 

     </div> 
    </div>

来源

2014-01-26 user2674835

打开解压缩bootstrap.css文件，并尝试搜索.navbar – Mortezaipo

我不明白你问什么了，而是要设法把.container DIV的.navbar之外。 –

Morteza，就像我写的那里有很多navbar calsses那里... – user2674835

地点<div class="container">高于<div class="navbar navbar-inverse navbar-static-top">。

来源

2014-01-26 19:47:15 Swagata

您应该可以在现有样式上添加自己的样式。使用像chrome调试器这样的工具，你应该能够找到这样做的样式规则，然后在自己的样式表中使用更具体的CSS选择器来覆盖它。

来源

2014-01-26 19:51:24 olleicua

您可以将导航栏放置在自己的容器中（使用适用的ID）并调整样式表中容器的宽度。正如Swagata所说的，你应该只需要翻转div标签并相应地调整你的css。不过，为了编辑起见，我会给它一个难忘的名字。

来源

2014-03-22 19:19:23

考虑到.navbar是为跨越屏幕而构建的，所以没有很好的方法可以做到这一点。但它可以使用内置的网格很容易地完成。

<div id='row'> 
    <div id='col-md-6'> 
     INSERT NAVBAR HERE 
    </div> 
    <div id='col-md-6'> 
     INSERT WHATEVER YOU WANT ON THE OTHER HALF OF THE SCREEN HERE 
    </div> 
</div>

来源

2014-04-22 17:05:43

想知道如果你使用这种方法，如果它会响应和适当崩溃（即我有我的设置崩溃到小屏幕上的按钮）。思考？ – user2101068

将Bootstrap导航栏放入一半

回答

相关问题