如何使用 bootstrap 使链接和按钮在列表中对齐?
我需要用合理的填充使它们左对齐。
我可以不用 CSS 和我自己的类来实现吗?
<div class="btn-group">
<button type="button" class="btn btn-default btn-icon dropdown-toggle" data-toggle="dropdown">
menu
<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>
最佳答案
你可以覆盖下面的 bootstrap 的 CSS class
并试试这个
.dropdown-menu>li>a {
text-align: left!important;
padding: 10px!important;
}
关于html - 如何使用 bootstrap 3 使链接和按钮在列表中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46249241/