css - 当它在 Bootstrap 3 中折叠时，如何删除菜单顶部的边框？

Question

好的，为什么这不起作用，令人沮丧!我不希望我的 Bootstrap 菜单在折叠后出现边框!我已经尝试了一切，但它仍然存在!

这是我的菜单代码: 切换导航 德国魔法农场 -->

        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="index.html">Home</a>
                </li>
                <li>
                   <a href="meet-pam-bauer.html">Meet Pam Bauer</a>
                </li>
                <li>
                    <a href="services.html">Services</a>
                </li>
                   <li>
                    <a href="sales.html">Sales</a>
                </li>
                 <li>
                    <a href="clinics.html">Clinics</a>
                </li>
                 <li>
                    <a href="photo-gallery.html">Photo Gallery</a>
                </li>
                 <li>
                    <a href="contact.html"> Directions & Contact</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

这是 css:(在 Developer tools 中完美运行，但实际上不起作用)

 #bs-example-navbar-collapse-1 {
  border-color: none!important;}

.navbar-inverse .navbar-collapse {border-color:none!important;}

这是实时站点中的链接:Here's the link to live test site

Answer 1

它不起作用，因为“无”不是一种颜色。

尝试:

.navbar-inverse .navbar-collapse {
    border-color: transparent; /* or white */
};

或者

.navbar-inverse .navbar-collapse {
    border: none;
};