html - 如何使用 bootstrap 3 使链接和按钮在列表中对齐

Question

如何使用 bootstrap 使链接和按钮在列表中对齐？

我需要用合理的填充使它们左对齐。

我可以不用 CSS 和我自己的类来实现吗？

<div class="btn-group">
    <button type="button" class="btn btn-default btn-icon dropdown-toggle" data-toggle="dropdown">
        menu
        &nbsp;
        <span class="caret"></span>
    </button>

    <ul class="dropdown-menu dropdown-menu-right">
        <li>
            <a class="btn btn-link text-left" href=""> 

                Edit
            </a> 
        </li>
        <li class="divider"></li>
        <li>
            <form action="" method="POST" >
                <button type="submit" class="btn btn-link">
                    Delete
                </button>
            </form>
        </li>
    </ul>
</div>

https://jsfiddle.net/63gn7has/

Answer 1

你可以覆盖下面的 bootstrap 的 CSS class 并试试这个

.dropdown-menu>li>a {
    text-align: left!important;
    padding: 10px!important;
}