【发布时间】:2017-11-25 14:18:01
【问题描述】:
Website before window is minimised. Website after window is minimised. 我有一个按预期工作的引导悬停下拉菜单,除非浏览器窗口最小化,否则菜单根本不显示。我用自己的 css 覆盖了一些样式。
任何关于我哪里出错的帮助或指示将不胜感激。
HTML:
<div class="bs-example">
<nav id="myNavbar" class="navbar navbar-inverse" role="navigation">
<div class="container" align="center">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Text</a></li>
<li class="dropdown">
<a class="dropdown-toggle disabled" data-hover="dropdown" data-toggle="dropdown" href="#">Text<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle disabled" data-hover="dropdown" data-toggle="dropdown" href="#">Text<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Text</a></li>
</ul>
</li>
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
<li><a href="#">Text</a></li>
</ul>
</div>
</div>
</nav>
</div>
CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); .bs-示例{
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.bs-example{
background-color: black !important;
width: 100%;
position: relative;
position: fixed;
}
.navbar{
background-color: black !important;
}
.nav > li > a{
font-family: Open Sans;
font-size: 18px;
color: white !important;
background-color: black;
text-align: center;
padding: 20px 40px;
}
.dropdown:hover .dropdown-menu{
width: 100%;
display: block;
}
.dropdown-menu{
font-family: Open Sans;
font-size: 18px;
color: white !important;
text-align: center;
padding: 0px;
}
.dropdown a {
color: white !important;
background-color: black !important;
}
【问题讨论】:
-
如果你能提供你的网页在最小化窗口前后的截图对我们会有帮助
-
@HamedAdil 我已经添加了截图。