我想在以下代码中将联系人销售按钮添加一个href。如果我将按钮包裹在锚标签中,按钮会向下移动而与另一个按钮不对齐(它向下滑动8px)。我一直在看Firebug控制台,无法弄清楚如何解决这个问题。
<div id="headerbtn" class="span6">
<div class="btn-toolbar pull-right">
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle">
Contact Sales
</button>
</div>
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<i class="icon-user icon-white"></i>
Sign In
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#">Profile</a>
</li>
<li class="divider"></li>
<li>
<a href="#">Sign Out</a>
</li>
</ul>
</div>
</div>
</div>
我是Bootstrap的新手,非常感谢任何帮助。感谢
答案 0 :(得分:37)
在Bootstrap中,带有“btn”类的锚点的样式与按钮相同。因此,您可以在保留按钮样式的同时将“联系销售”按钮更改为锚点。
未经测试(因为jsFiddles似乎没有引起您遇到的问题):
<div id="headerbtn" class="span6">
<div class="btn-toolbar pull-right">
<div class="btn-group">
<a href="#" class="btn btn-primary">
Contact Sales
</a>
</div>
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<i class="icon-user icon-white"></i>
Sign In
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#">Profile</a>
</li>
<li class="divider"></li>
<li>
<a href="#">Sign Out</a>
</li>
</ul>
</div>
</div>
</div>
我还从主播中删除了dropdown-toggle
类,因为我猜你不希望它既是链接又是下拉切换。
答案 1 :(得分:2)
它只是在锚标签中包装按钮..
答案 2 :(得分:1)
继续使用您的代码,然后使用<p>
而不是<div>
:
<p class="text-center">
<a href="office/" class="btn btn-success">Get Started...</a>
</p>