title: break the dropdown text length to next line
body: <p>I want the length of my dropdown text to come to the next line after certain width.</p>
  
  <p>I tried <code>white-space:normal;</code> but that isn't working.</p>
  
  <pre><code>&lt;div class="dropdown"&gt;
    &lt;a class="dropdown-toggle" id="dropdownMenu1" href="#"&gt;Dropdown trigger&lt;/a&gt;
    &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Something else heresssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss&lt;/a&gt;&lt;/li&gt;
      &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/n7r4mjf2/" rel="nofollow">Here</a> is the fiddle. </p>
  
  <p><strong>UPDATE</strong> : It's been fixed. Was missing <code>word-wrap: break-word;</code></p>
  
  <p>Thanks for quick responses everyone. </p>