如何在bootstrap的btn-block类中包装文本

Question

获取引导按钮文本的正确方法是什么？我正在尝试创建带有fontawesome图标的大按钮：

<div class="col-sm-4">
    <a role="button" class="btn btn-block btn-color" href="#">
        <div><i class="fa fa-user fa-3x"></i></div>
        <div>Text that needs to wrap to next line.</div>
    </a>
</div>

Here's a fiddle.

Answer 1

您可以将white-space: normal;添加到.btn课程。

有关空白区域的更多信息：

• w3schools.com
• The CSS white-space Property Explained