title: how to set limit for words in bootstrap
body: <p>Here i am using bootstrap panels for placing data. here i have some text in bootstrap panel heading. i want to set limit for the text inside the panel heading.</p>
  
  <p>for ex. there is text <code>Beautiful dam of world located in arizona</code>.
  I want to set limit for <code>31</code> words</p>
  
  <p>so that i becomes </p>
  
  <p><code>Beautiful dams of world located...</code></p>
  
  <p>right now it has </p>
  
  <pre><code>&lt;div class="panel-heading"&gt;One Seater Motorized Recliner Sofa in Pure Leather White Colour&lt;/div&gt;
  </code></pre>
  
  <p>how can i make this?</p>