[英]Header not expanding when clicking navbar button
我正在使用可折叠的引导导航。 我对.css进行了一些更改,以使导航链接看起来像标签。 使用margin属性将标题定位在页眉底部无效,因为在放大和缩小导航时,有时会将导航按钮向上或向下推一个像素。 相反,我将position属性设置为absolute,以将导航放置在hader的底部。 现在,当我单击导航栏按钮时。 导航被向上推动而不是向下,并且标题没有扩展。
这是我的HTML:
<div class="header-inner clearfix">
<nav class="navigation pull-right" role="navigation">
<div class="navbar pull-right">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
</a>
</div>
<div class="nav-collapse in collapse" style="height: auto;">
<ul class="nav menu nav-pills">
<li>
<a>link1</a>
</li>
<li>
<a>link2</a>
</li>
<li>
<a>link3</a>
</li>
</ul>
</div>
</nav>
</div>
这是我的CSS:
.nav-pills > li > a {
border-width: 2px 2px 0 2px;
border-radius: 5px 5px 0 0;
border-color: #cc0000;
border-style: solid;
padding: 8px 12px 8px 12px;
}
.header-inner {
border-bottom: 2px solid #cc0000;
position: relative
}
.navigation {
position: absolute;
bottom: 0;
}
我希望可以解决此问题,如果不使用像素设置不同的单位来设置导航边距,如何更改.js文件。
谢谢,我已经解决了一个问题。 当屏幕宽度小于900 px时,当导航键失效而不是导航条时,我只是将position属性设置为static,现在一切正常。 不管怎么说,还是要谢谢你
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.