Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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,在下面的输出中,我无法正确地看到我的navbar菜单。问题在哪里 请任何人帮帮我 我刚刚更改了我的代码bootstrap.css,并让这行注释行名:填充底部 <nav class="navbar navbar-inverse" style="height:120px;"> <div class="container" style="padding-top:30px;"> <div class="navbar-header"> <b

在下面的输出中,我无法正确地看到我的
navbar
菜单。问题在哪里

请任何人帮帮我

我刚刚更改了我的代码
bootstrap.css
,并让这行注释行名:
填充底部

<nav class="navbar navbar-inverse" style="height:120px;">
  <div class="container" style="padding-top:30px;">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
        <a><img class="pull-left" src="images/mt-626_header_logo01.png"></a>
      <a class="navbar-brand" href="#"><strong style="color:white">SOFT</strong><strong style="color:#3EC7C2">APP</strong></a>&nbsp;
    </div>
    <div class="collapse navbar-collapse" id="navbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">HOME</a></li>
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">SERVICES</a></li>
        <li><a href="#">BLOG</a></li>
        <li><a href="#">CONTACTS</a></li>
      </ul>
    </div>
  </div>
</nav>

<!-- First Container -->
<div class="container-fluid fcontaner">
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-6">
                <img src="images/mt-0626-img.png" style="height:100%;width:100%"/>
            </div>
            <div class="col-md-6">
                <h1 style="padding-top:150px"><strong style="color:white;">SOFT</strong><strong style="color:">APP</strong></h1>
                <h1>INNOVATIVE SOLUTIONS</h1>
                <h3 style="color:white;padding-bottom:50px;">Innovative solutions delivering a product, which <br>includes tomorrow’s technology – already today!</h3>
                <a href="#"><img src="images/mt-0626-img2.png"></a>
            </div>
        </div>
    </div>
</div>

柔软的应用程序 创新解决方案 创新的解决方案提供了一种产品,
包括了明天的技术——已经是今天了!
删除高度和顶部填充css。

您在此处添加了内联样式
只要删除它,您的问题就会解决


如果您愿意,您可以按照伊斯梅尔的建议从
中删除高度

但是,如果您确实希望
nav
具有默认高度,则可以将
min height
设置为
,而不是
高度。您的导航将随着内容高度的增加而扩展


演示:

tnx,但我需要这个高度,否则导航栏会变小。所以只需在容器中添加填充底部,或者您可以使用最小高度而不是tnx bro。我明白了如果对你有帮助,请把答案记为正确。