这是使用Bootstrap框架的导航栏HTML代码。
我想让它稍微透明一点。
如何使用CSS实现?我尝试过了,但没有任何效果。
<nav role="navigation" class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand"></a>
</div>
<!-- Collection of nav links and other content for toggling -->
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav" style="margin-left:10%">
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">HEALTH MANAGEMENT</a></li>
<li><a href="#">PRE-POST PRAGNANCY</a></li>
<li><a href="#">WEIGHT LOSS</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"></a></li>
</ul>
</div>
</nav>
@navbar-default-bg
即可。例如:@navbar-default-bg: rgba(255, 255, 255, 0.5)
。 - ppollono