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>
</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。我明白了如果对你有帮助,请把答案记为正确。