title: Table cell align content right using bootstrap
body: <p>In the table below, I have two rows. In the first row, second cell, I have two buttons. How can I get these buttons to be right aligned using <strong>Twitter Bootstrap</strong> The buttons should not stack on top of one another if I shrink the table. They should always be side by side.</p>
  
  <pre><code>[     ] [[button1] [button2]           ]
  [     ] [                              ]
  </code></pre>
  
  <p>Example: <a href="http://www.bootply.com/MycjXnp9wp" rel="nofollow">http://www.bootply.com/MycjXnp9wp</a>. The buttons should be right aligned in the cell
  A failed attempt: <a href="http://www.bootply.com/4hkmjHCCOq" rel="nofollow">http://www.bootply.com/4hkmjHCCOq</a></p>
  
  <p>This shows the output I am expecting. <a href="http://www.bootply.com/tYzdIu13M8" rel="nofollow">http://www.bootply.com/tYzdIu13M8</a> I would rather use the bootstrap way than the nested table technique. </p>