Bootstrap 3 btn不包裹第二行

Question

我正在尝试实现一个按钮，就像the example page of fontawesome中的一个按钮一样，其代码为：

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>
  Version 4.3.0
</a>

只有在第二行不超过第一行时才有效。

那么是什么导致奇怪的现象以及如何解决它？

感谢。

编辑：

有here的正在运行的演示。

这是一个单页应用程序，破坏的btns在第二个场景上。

Answer 1

问题来自于white-space: nowrap;。 Bootstrap将其设置为.btn。在大多数情况下，按钮中的文本在一行上。在你的情况下，它必须是两个。因此，在按钮上添加一个自定义类并覆盖它，如下所示：

.btn-custom {
    white-space: normal;
}