Twitter bootstrap 如何设置导航栏按钮类似于锚定链接的样式?

Twitter bootstrap 如何设置导航栏按钮类似于锚定链接的样式?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我的引导导航栏中有如下按钮: <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><button type="submit" class="">Tab 1</button></li> <li><button type="submit" class="">Tab 2</

我的引导导航栏中有如下按钮:

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li><button type="submit" class="">Tab 1</button></li>
        <li><button type="submit" class="">Tab 2</button></li>
        <li><button type="submit" class="">Tab 3</button></li>
    </ul>
</div>

  • 表1
  • 表2
  • 表3
其中显示:

是否有一种方法可以设置按钮的样式,以复制引导Navbar锚定标记的默认样式

<div id="navbar" class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

您可以参考

如果需要从按钮中删除边框,可以添加:

.navbar-nav button {
    border-style: none !important;
}

  • 表1
  • 表2
  • 表3

我会检查导航栏中锚定标记的元素,将所有css代码复制到一个类中,并将其应用到按钮上。我还将检查按钮并删除默认添加的css。您可以应用其他css。这里只是一个常见的例子@尼米-谢谢!如果你把你的评论作为一个答案,我会接受它,因为它解决了我的大部分问题。谢谢这里。