Question

导航栏中有一些按钮：

<div class="mynav">
<ul class="nav nav-pills">
<li class=""><a href="192.168.1.100/aaa">AAA</a></li>
<li class=""><a href="192.168.1.100/aaa">BBB</a></li>
<li class=""><a href="192.168.1.100/aaa">CCC</a></li>
<li class=""><a href="192.168.1.100/aaa">DDD</a></li>
<li class=""><a href="192.168.1.100/aaa">EEE</a></li>
</ul>
</div>

<!-- Split button -->
<div class="btn-group mynav">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

我的按钮数量太多，所以我应该使用下拉按钮。这里有两个问题：

1-我的下拉按钮的样式与其他按钮不同。有什么方法可以解决吗？（下拉按钮不应出现更大的尺寸）

2-另一个问题是，我想点击我的按钮，它会转到一个链接。我可以通过onclick来实现，但是onclick并不是一种友好的方式。

Answer 1

对于＃1，调整药片上的样式以匹配按钮：

.nav-pills li a {padding: 7px 15px; font-weight: bold;}

反之亦然：

a.btn {padding: 4px 15px;}
button.dropdown-toggle {padding: 4px 8px;}

对于＃2，请改为使用按钮：

<a href="#" class="btn btn-danger">Action</a>

http://jsfiddle.net/isherwood/wKHaT/14

http://jsfiddle.net/isherwood/wKHaT/15

Answer 2

1。试试你的风格：

[http://jsfiddle.net/wKHaT/10/] [1]

2。 onclick事件不能为你的seo做否定评级

在我的其他按钮旁边添加一个下拉按钮

2 个答案: