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。这里只是一个常见的例子@尼米-谢谢!如果你把你的评论作为一个答案,我会接受它,因为它解决了我的大部分问题。谢谢这里。