当它在Bootstrap 3中折叠时,如何在菜单顶部删除此边框?

时间:2015-07-24 18:04:50

标签: css twitter-bootstrap-3 navbar

好的,为什么这不起作用,令人沮丧!一旦它崩溃,我不希望我的引导菜单中有边框!我已经尝试了所有的东西,但它还在那里!

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

        </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 :(在开发人员工具中非常有效,但实际上并没有这样做)

 #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

2 个答案:

答案 0 :(得分:0)

它不起作用,因为&#34;没有&#34;不是一种颜色。

尝试:

from PySide import QtGui
import sys


class Widget(QtGui.QWidget):
    def __init__(self):
        QtGui.QWidget.__init__(self)

        mainLayout = QtGui.QVBoxLayout(self)

        testWidget = QtGui.QFrame()
        testWidget.setFixedSize(100,100)
        testWidget.setObjectName("myWidget")
        testWidget.setStyleSheet("#myWidget {background-color:red;}") 

        testLayout = QtGui.QVBoxLayout()

        testWidget.setLayout(testLayout)

        but = QtGui.QPushButton('TEST')
        testLayout.addWidget(but)

        mainLayout.addWidget(testWidget)


if __name__ == '__main__':

    app = QtGui.QApplication(sys.argv)
    instance_1 = Widget()
    instance_1.show()
    sys.exit(app.exec_())

或者

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

答案 1 :(得分:0)

您应该能够在折叠时设置边框以显示无颜色。这是我在DOM检查器中看到的代码

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: transparent;
}

或者,您可以将border设置为0,但这可能会导致页面转换略有跳跃。