title: bootstrap glyphicon as button display on table
body: <p>I'm new to the whole bootstrap thing so even though i tried to solve this for last 3 hours, i could'nt. I need a table to have 2 buttons in a cell that looks like a glypicon (so i can add javascript functions to them later). I managed to do this in 2 ways, but the problem is these buttons expand table row a lot. How do i solve this? maybe alternate method of making a button?</p>
  
  <p>Here is how the table looks right now:</p>
  
  <p><a href="https://puu.sh/wbMUf/50a535e0f9.png" rel="nofollow noreferrer">https://puu.sh/wbMUf/50a535e0f9.png</a></p>
  
  <p>here are the lines used to achieve the result for the cell in the first row:</p>
  
  <pre><code>&lt;td&gt;
      &lt;p class = "btn"&gt;&lt;span class = "fa fa-edit"&gt;&lt;/span&gt;&lt;/p&gt;
      &lt;p class = "btn"&gt;&lt;span class = "fa fa-trash"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>and for the cell in the second row:</p>
  
  <pre><code>&lt;td&gt;
      &lt;button type = "button" class = "btn btn-link"&gt;&lt;span class = "fa fa-edit"&gt;&lt;/span&gt;&lt;/button&gt;
      &lt;button type = "button" class = "btn btn-link"&gt;&lt;span class = "fa fa-trash"&gt;&lt;/span&gt;&lt;/button&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Second option doesnt work, because the glyphs have to styled the same as the rest of the text in the table.</p>