如何使用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

您可以覆盖以下CSS class引导程序并尝试此

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