ブートストラップのbtn-blockクラスにテキストをラップする方法

Question

ブートストラップボタンのテキストを折り返す正しい方法は何ですか？私は彼らにfontawesomeアイコンで大きなボタンを作成しようとしている：あなたは.btnクラスにwhite-space: normal;を追加することができます

<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

。ホワイトスペースに関する

詳細情報：

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