Bootstrap：左对齐按钮文本

Question

如何在引导按钮中将文本左对齐？我有多个带有不同长度文本的按钮，并且所有按钮都需要具有相同的宽度。我已经使用类 col-xs-11 实现了这一点。

下面的示例按钮代码：

 <input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11">

是否可以在不创建自定义样式的情况下实现这一点，而不是引导程序提供的样式？我正在使用 Bootstrap v3.0.1

原文由 Delon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需添加 text-left 类

<input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11 text-left">

原文由 Sasa 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

问题不在于如何将 css 文本对齐到左侧，原始帖子询问是否有引导程序类名称适用于它。

.text-left 有效，但问题是有一个 .btn 比 text-left 更强，我认为这是 bootstrap 需要考虑的事情。

查看这张截图，我在 Bootstrap 的网站上使用 Chrome inspect 进行了测试。

在我的 Chrome 中，我在演示按钮上添加了“text-left”，这就是结果。因此，有 !important 就可以了！

 .text-left {
  text-align: left !important;
}

原文由 bard 发布，翻译遵循 CC BY-SA 4.0 许可协议