Twitter bootstrap 引导栏高度
我有一个具有以下结构的引导菜单:Twitter bootstrap 引导栏高度,twitter-bootstrap,collapse,navbar,Twitter Bootstrap,Collapse,Navbar,我有一个具有以下结构的引导菜单: <nav class="navbar navbar-fixed-top"> <div class="navbar-inner"> <a class="brand" href="/"> <span class="title">Some Title</span> </a> <a class="btn btn-
<nav class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a class="brand" href="/">
<span class="title">Some Title</span>
</a>
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav" data-bind="foreach: navRoutes">
<li><a data-bind="css: { active: isActive() }, attr: { href: hash }, text: name"></a></li>
</ul>
<ul class="nav pull-right">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-cogs"/> Admin<b class="caret"></b></a>
<ul class="dropdown-menu pull-right">
<!-- ko foreach: adminRoutes -->
<li><a data-bind="attr: { href: hash }, html: caption"></a>
<!-- /ko -->
</ul>
</li>
<li><a data-bind="click: logOff" href="#"><i class="icon-signout"/> Log Off</a></li>
</ul>
</div>
<div class="loader pull-right" data-bind="css: { active: showLoader }">
<i class ="icon-spinner icon-2x icon-spin" ></i>
</div>
</div>
</nav>
-
-
当调整屏幕大小,使宽度减小到变量中@NavBarCollapsewith中设置的阈值以下时。如果菜单确实减小,则菜单将折叠。但是导航栏的高度从59px增加到126px。如果宽度增加回阈值以上,导航栏高度将恢复为59px的高度。我希望导航栏高度在折叠时保持不变,即保持在59px。这种增长是预期行为吗?如何实现我所寻找的行为?我发现问题实际上是由“loader pull right”类的最后一个div引起的。我解决了这个问题,将这个div移动到div中,使用了一个“nav collapse”类。不完全令人满意-但更好。您能否发布您的导航栏源代码以及所有项目。现在我可以找到你的价值观了。我发现未折叠高度=81。坍塌高度91。折叠您的导航栏内部获得5px的填充(10px不同)修复css:
导航栏固定顶部。导航栏内部。导航栏固定底部。导航栏内部{padding:0}
。折叠的导航栏也得到了利润底部:20px;。固定css:.navbar固定顶部{页边距底部:0px;}
。