title: Word-wrap not working in bootstrap 3
body: <p>I am trying to create a button having some text over it. But the text is not wrapping on the button. Here is what i have done.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;div class="col-md-6 col-sm-6 col-xs-6"&gt;
      &lt;input type="radio" id="1" class="hidden"&gt;
      &lt;label for="1" class="btn btn-info btn-preference  pull-right"&gt;Stability&lt;/label&gt; 
    &lt;/div&gt;
    &lt;div class="col-md-6 col-sm-6 col-xs-6"&gt;
      &lt;input type="radio" id="1" class="hidden"&gt;
      &lt;label for="1" class="btn btn-primary btn-preference text-center"&gt;
        &lt;span class="break-wo"&gt;Freedom and Risk&lt;/span&gt;                                                        
      &lt;/label&gt; 
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the <a href="http://bootply.com/108256" rel="nofollow noreferrer">Link for bootfly</a></p>