Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导响应导航栏隐藏部分未进入按钮_Html_Css_Twitter Bootstrap - Fatal编程技术网

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;}