我目前的主题如下:https://gyazo.com/70ebe1ff52847bfbd7220f8e9bbe4854
但是当我插入bootstrap cdn时,我得到:https://gyazo.com/1d97573cc6765ee55f99d99b5094f0cc
我使用chrome检查css但是我不明白当我得到bootstrap时会发生什么变化。 我的导航栏变大了,导航栏下面有一条黑线。我怎么知道导致这种情况的原因以及如何将其删除?谢谢。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css"/>
<!--Navbar-->
<nav class="navbar bg-primary-gradient col-lg-12 col-12 p-0 fixed-top navbar-inverse d-flex flex-row">
<div class="bg-white text-center navbar-brand-wrapper">
<a class="navbar-brand brand-logo" href="#"><img src="images/logo_star_black.png"/></a>
<a class="navbar-brand brand-logo-mini" href="#"><img src="images/logo_star_mini.jpg" alt=""></a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-center">
<button class="navbar-toggler navbar-toggler hidden-md-down align-self-center mr-3" type="button"
data-toggle="minimize">
<span class="navbar-toggler-icon"></span>
</button>
<form class="form-inline mt-2 mt-md-0 hidden-md-down">
<input class="form-control mr-sm-2 search" type="text" placeholder="Search">
</form>
<ul class="navbar-nav ml-lg-auto d-flex align-items-center flex-row">
<li class="nav-item">
<a class="nav-link profile-pic" href="#"><img class="rounded-circle" src="images/face.jpg"
alt=""></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-th"></i></a>
</li>
</ul>
<button class="navbar-toggler navbar-toggler-right hidden-lg-up align-self-center" type="button"
data-toggle="offcanvas">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
<!--End navbar-->
答案 0 :(得分:0)
添加css
.navbar-inverse
{
border: none !Important;
}