我遇到麻煩引導導航看起來像這裏的例子:https://bootsnipp.com/snippets/WRERX#comments如何修復交叉的引導程序導航鏈接?
當我跑我在幾個不同的瀏覽器(歌劇,Safari等)的代碼,它看起來一點也不像例子。
我不知道我在做什麼錯,或者如果有人知道一個聰明的黑客來解決這個問題,但問題是鏈接是互相重疊,他們也沒有正確的樣式,他們應該有。
HTML:
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse" role="navigation">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#"><img src="//placehold.it/160x80" /></a>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
<ul class="navbar-nav navbar-right">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div>
</nav>
CSS:
.navbar-brand
{
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
margin: auto;
padding:0px;
}
.navbar-toggle {
z-index:1;
}
是的我知道,但即使如此,它不能正常工作。 – Matt
您在鏈接中使用了哪一個:https://bootsnipp.com/snippets/WRERX#comments – kiwirafe
中心徽標navbar – Matt