Html 引导响应导航栏隐藏部分未进入按钮
这是导航栏的代码Html 引导响应导航栏隐藏部分未进入按钮,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,这是导航栏的代码 <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <!-- .btn-navbar is used as the toggle for collapsed navbar content --> <a class="btn btn-
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<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>
<!-- Be sure to leave the brand out there if you want it shown -->
<a class="brand" href="index.html">EasyUniv</a>
<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active">
<a href="index.html">Home</a>
</li>
<li><a href="services.html">Services</a></li>
<li><a href="campus.html">Campus</a></li>
<li><a href="advertise.html">Advertise</a></li>
</ul>
</div>
</div>
</div>
</div>
-
例如:www.easyuniv.com/staging
当您缩小屏幕时,它会正确隐藏导航按钮,但它们不会像它应该的那样进入小下拉列表。在某些宽度上也有奇怪的填充物。。一直在尝试不同的东西,但都没能成功
谢谢您需要在引导之前包含jQuery。我的js控制台出现错误。你的脚本设置正确了吗?是的,我也看到了,就我所知我是?我刚下载了它并链接到ItohDuh。谢谢你知道为什么屏幕变小时填充物会很奇怪吗?第8行
#mainback
->宽度:100%;左:5%代码>=105%
,这就是为什么将宽度值降低到95%
,底部滚动条应该消失。干杯。哦,太棒了。我以前没有注意到,当屏幕缩小时,我指的是左右和顶部的~10px间隙。我环顾四周,这是因为引导@media
查询,这里有一个例子:@media(最大宽度:767px)body{右填充:20px;左填充:20px;}
并且标题也得到了修饰:@media(最大宽度:979px)。导航栏固定顶部。导航栏内部。导航栏固定底部。导航栏内部{padding:5px;}