Navbar with Bootstrap

时间:2014-01-10 08:55:41

标签: twitter-bootstrap navbar

我似乎无法找到为什么我的Navbar没有拉伸到全宽的问题。由于某种未知的原因,角落是圆的而不是直的。 我对底部导航栏在iphone上的显示方式也有疑问。 我该怎么做才能使它适应小宽度并且仍然看起来很好?

Here is my code:

谢谢你, 可人。

1 个答案:

答案 0 :(得分: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