bootstrap 3：按钮作为下拉动作答案

【问题标题】：bootstrap 3: button as dropdown actionbootstrap 3：按钮作为下拉动作
【发布时间】：2014-01-27 21:15:00
【问题描述】：

你能帮我把按钮风格化成一个标准的下拉链接吗？

<div class="dropdown">
    <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Dropdown <span class="caret"></span>

    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">Dropdown Link</a>
        </li>
        <li>
            <form>
                <button class="btn btn-link">Dropdown Button</a>
            </form>
        </li>
    </ul>
</div>

jsFiddle

【问题讨论】：

你想要什么？下拉菜单中的下拉菜单？
下拉列表中的表单。
你能说清楚吗？你想让你的按钮看起来像一个标准的下拉链接吗？

标签： css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

将此添加到您的 CSS 中：

.dropdown-menu form button {
    border:0;
    padding: 3px 20px;
    color: #333;
    width:100%;
    text-align:left;
}
.dropdown-menu form button:hover {
    color:black;
    text-decoration:none;
    background-color:#f5f5f5;
}

它看起来像一个标准链接。

【讨论】：