在引导程序中更改导航栏长度答案

【问题标题】：Change navbar length in bootstrap在引导程序中更改导航栏长度
【发布时间】：2016-04-28 09:48:39
【问题描述】：

我刚开始用 Bootstrap 开发网页，我想知道是否有办法改变navbar 的长度。默认的navbar 对我的需要来说太长了。

当前代码：

<div class="container">
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <ul class="nav navbar-nav"> 
                <a class="navbar-brand" href="#">OWOM- Venezuela</a>
                <li class="active"><a href>Inicio</a></li>
                <li class><a href>Noticias</a></li>
            </ul>
        </div>
    </nav>
</div>

【问题讨论】：

当然可以。你做了什么来尝试改变它？
我还没有找到缩短导航栏的解决方案，因为它太长了
您将不得不使用 CSS 来缩短导航栏。你试过用 CSS 做些什么吗？
查看这些文档：getbootstrap.com/css 并搜索容器流体。它在文档中说.container-fluid 全宽
哦，是的，我刚刚知道了，谢谢...添加答案以标记为肯定

标签： html css twitter-bootstrap navbar

【解决方案1】：

感谢 Kilmazing，我得到了 CSS 的答案，在 CSS 文件中我只需要定义宽度

.navbar {
    width:70%; //70% was enough for me  
}

【讨论】：