Wie man Text in die btn-block-Klasse des Bootstraps einpackt

Question

Was ist der richtige Weg, um den Bootstrap-Button-Text zu umbrechen? Ich versuche, große Tasten mit fontawesome Symbole in ihnen zu schaffen:

<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

Sie white-space: normal; zum .btn Klasse hinzufügen.

Mehr Informationen über white-space:

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