Bootstrap 3 БТНО не не завернуть вторую строчку

Question

Я пытаюсь реализованной кнопка так же, как один demontrated в 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> 

Это работает, но только тогда, когда вторая линия не более дольше, чем первая.

Так что же вызывает странное явление и как его исправить?

Спасибо.

Edit:

Существует бегущий демо над here.

Это приложение для одной страницы, а сломанные бит - над второй сценой.

Answer 1

Проблема возникает с white-space: nowrap;. Bootstrap устанавливает его на .btn. В большинстве случаев текст в кнопках находится на одной строке. В вашем случае это должно быть по два. Итак, добавьте пользовательский класс к кнопке и перезапишите его, например:

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