twitter-bootstrap – 将href添加到btn-toolbar中的一个按钮并保

发布时间：2020-12-18 00:15:09 所属栏目：安全来源：网络整理

导读：我想在以下代码中的联系销售按钮中添加一个href。如果我将按钮放在锚定标签中，按钮将与另一个按钮向下移动(向下滑动8px)。我一直在看Firebug控制台，不知道如何解决这个问题。 div id="headerbtn" class="span6" div class="btn-toolbar pull-right" div cl

我想在以下代码中的联系销售按钮中添加一个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>

我还从锚点中删除了dropdown-toggle类，因为我猜你不希望它既是一个链接又是一个下拉菜单。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!