How do I make two bootstrap buttons side by side? How do I make two bootstrap buttons side by side? jquery jquery

How do I make two bootstrap buttons side by side?


Use a button group.

<div class="btn-group">  <a href="#" class="btn btn-primary">Download</a>  <a href="#" class="btn btn-default">Mirror</a></div>


Try this putting text-align:center on the outer element:

<p class = "tpbutton btn-toolbar" style="text-align:center">     <a class = "btn navbar-btn btn-primary" href = "#" target = "_texturepack">Download</a>     <a class = "btn navbar-btn btn-default" href = "#" target = "_texturepack">Mirror</a></p>

Demonstration

EDIT: Or by using the text-center class:

<p class = "tpbutton btn-toolbar text-center">     <a class = "btn navbar-btn btn-primary" href = "#" target = "_texturepack">Download</a>     <a class = "btn navbar-btn btn-default" href = "#" target = "_texturepack">Mirror</a></p>

Demonstration


In my case, I was hanging for 20 minutes.
Finally

<td class="text-nowrap"> 

worked.