我想在以下代码中的联系销售按钮中添加一个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的新手,感谢任何帮助。谢谢
解决方法
在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>