2014-01-10 87 views
1

我似乎无法找到问题,为什么我的导航栏不能拉伸到全宽。由于某些未知的原因,角落是圆的而不是直的。 我也有问题的底部Navbar在iphone上看起来的方式。 我可以做些什么来使其适应小的宽度,仍然看起来不错?Navbar with Bootstrap

Here is my code:

谢谢 可人。

回答

1

http://bootply.com/104762#

改变

<div class="navbar navbar-inverse navbar-fixed-static" role="navigation"> 

<div class="container-fluid"> 
<div class="navbar-header"> 
    <a href="#" class="navbar-brand navbar-left">PRECISE</a> 
</div> 
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

<div class="navbar navbar-inverse navbar-static-top" role="navigation"> 

<div class="container-fluid"> 
<div class="navbar-header"> 
    <a href="#" class="navbar-brand navbar-left">PRECISE</a> 
    <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
</div> 

您要在您的页脚做什么并不清楚。也许你想通读Bootstrap3 official guides