引导程序 3 btn 不包装第二行

Question

我正在尝试实现一个按钮，就像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>

它有效，但仅当第二行不比第一行长时。

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

谢谢。

编辑：

这里有一个正在运行的演示。

这是一个单页应用程序，破碎的btns在第二个场景中结束。

Answer 1

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

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