Tag: navbar

在Bootstrap 3中如何certificatenavbar-nav: 我试图certificate一个navbar （使导航栏内容拉伸）在引导3.我已经添加了margin: 0 auto; max-width: 1000px; margin: 0 auto; max-width: 1000px; 到nav*类，并且还尝试将一个container元素作为父项添加到ul 。作为最后一个检查，我做了这个答案中的build议，在navbar类中添加了navbar-justified navbar ，但是这导致所有东西在左边一起缩小而没有certificate整个导航栏的正确性。做一个nav nav-justified ul确实是ul中心，但是它不保留navbar-nav类的样式，因为它不是ul的一部分，当屏幕小于768px时，它看起来并不好看。我如何certificate一个Bootstrap 3 navbar ？编辑：对于那些有兴趣的更完整的答案，这里是我在生产中使用的一些代码： // Stylesheet .navbar-nav>li { float: none; } // Navbar <nav class="navbar navbar-default"> <ul class="nav nav-justified navbar-nav"> <li><a href="/">Home</a></li> <li><a href="group.html">Group</a></li> <li><a href="services.html">Services</a></li> <li><a href="positions.html">Positions</a></li> </ul> </nav> 这里是一个工作jsFiddle 。您可能需要拉伸result框的大小才能正确显示。如果你有兴趣集中实际列表，而不需要导航到全宽，请参阅David Taiaroa的jsFiddle […]

在hover链接上更改bootstrap导航栏的颜色？: 我想知道如何改变链接的颜色，当你把它们hover在导航栏，因为目前他们是一个丑陋的颜色。感谢您的任何build议？ HTML： <div class="container"> <div class="navbar"> <div class="navbar-inner"> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a></li> <li><a href="#">Link Three</a></li> </ul> </div> </div> </div>

Twitter-Bootstrap-2在导航栏顶部的标志图像: 有人可以build议我怎样才能在导航栏的顶部放置一个标志图像？我的标记： <body> <a href="index.html"> <img src="images/57x57x300.jpg"></a> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> 它不工作，因为57x57x300.jpg显示在导航栏下方。

降低bootstrap 3.0 navbar的高度: 我试图减less固定的顶级行为使用的引导3.0导航栏高度。在这里，我使用的代码。 HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav navbar-nav pull-right"> <li class="active"> <a href="../getting-started">Getting started</a> </li> <li> <a href="../css">Ext01</a> </li> <li> <a href="../components">Language</a> </li> <li> <a […]

如何在twitter的bootstrap 2.1.0中使用新的词缀插件？: 有关该主题的引导文档对我来说有点困惑。我想实现类似的行为，就像文档中的词缀navbar一样：navbar位于段落/页面标题下方，向下滚动时应该先滚动，直到到达页面的顶部，然后粘在那里以便进一步滚动。由于jsFiddle不适用于导航栏的概念，我已经设置了一个单独的页面作为一个简单的例子： http : //i08fs1.ira.uka.de/~s_drr/navbar.html 我用这个作为我的导航栏： <div class="navbar affix-top" data-spy="affix" data-offset-top="50"> <div class="navbar-inner"> <div class="container"> <div class="span12"> <a class="brand" href="#">My Brand</a> This is my navbar. </div> </div> <!– container –> </div> <!– navbar-inner –> </div> <!– navbar –> 我想我会想要data-offset-top为0（因为酒吧应该“坚持”到顶端“，但有50至less有一些效果watchable。如果还把JavaScript代码放在适当的位置： <script> $(document).ready (function (){ $(".navbar").affix (); }); </script> 任何帮助赞赏。

如何设置与Angular JS引导的navbar活动类？: 如果我有一个导航栏的项目引导 Home | About | Contact 当每个菜单项处于活动状态时，如何设置活动类？也就是说，当angular度路线是在什么时候，我怎么能设置class="active" #/为家 #/about为关于页面 #/contact的联系人页面

Bootstrap 3 – 禁用导航栏折叠: 这是我简单的导航栏： <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> 我只是想阻止这个崩溃，因为我不需要它，该怎么办？我想避免写300K行的CSS覆盖默认样式。任何build议？

Bootstrap 3带有标志的导航栏: 我想使用带有图像标识的Bootstrap 3默认导航栏，而不是文本标记。什么是正确的方式，而不会导致不同的屏幕尺寸有任何问题？我认为这是一个共同的要求，但我还没有看到一个好的代码示例。除了在所有屏幕尺寸上具有可接受的显示以外，关键要求是在较小屏幕上的菜单可折叠性。我试着把一个IMG标签放在带有navbar品牌类的A标签里面，但是导致菜单不能在我的android手机上正常工作。我也尝试增加navbar类的高度，但是这更糟糕了。顺便说一句，我的标志图像比导航栏的高度大。