Bootstrap:在btn-block中左对齐文本

Question

我正在使用一些使用btn-block类定义的列宽Bootstrap按钮.但是,默认情况下,它们内部的文本是居中的,我想左对齐,以便在我的表单中看起来更自然.是否有一个很好的Bootstrap解决方案,或者我必须使用CSS？

我得到了什么:

<a href="url" class="btn btn-default btn-block" role="button">Push Meh</a>

Answer 1

这可能是一种hacky方式,但达到了你想要的效果:

<a href="#" class="btn btn-default btn-block" role="button"><span class="pull-left">Push Meh</span>&nbsp;</a>

和一个Bootply演示

Answer 2

对于使用 Bootstrap 4.1 的任何人，有一个text-left类可以用于btn-block：

<a href="#" class="btn btn-primary btn-block text-left">Push Meh</a>