Question

我目前的主题如下：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-->

Answer 1

添加css

.navbar-inverse
{
 border: none !Important;
}

如何删除样式

1 个答案: