title: How do I make two bootstrap buttons side by side?
body: <p>I am trying to set buttons on a modal side by side. One is a download link and the other is a mirror. I tried creating my own class with the css of display: inline-block; but that didnt work. How do I make them side by side?</p>
  <p>Heres my code for my modal:</p>
  <pre><code>&lt;!-- Texturepack Popup Start --&gt;
  
      &lt;div class = &quot;modal fade&quot; id = &quot;texturepack&quot; role = &quot;dialog&quot;&gt;
          &lt;div class = &quot;modal-dialog&quot;&gt;
              &lt;div class = &quot;modal-content&quot;&gt;
                  &lt;div class = &quot;modal-header&quot;&gt;
                      &lt;h4&gt;Texture Pack Download&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class = &quot;modal-body&quot;&gt;
                      &lt;center&gt;&lt;h3&gt;Download our Custom Texture Pack!&lt;/h3&gt;&lt;/center&gt;
                      &lt;p class = &quot;tpbutton btn-toolbar&quot;&gt;
                      &lt;a style = &quot;margin: 0 200px; display: inline-block&quot; class = &quot;btn navbar-btn btn-primary pull-center&quot; href = &quot;#&quot; target = &quot;_texturepack&quot;&gt;Download&lt;/a&gt;
                      &lt;a style = &quot;margin: 0 300px; display: inline-block&quot; class = &quot;btn navbar-btn btn-default pull-center&quot; href = &quot;#&quot; target = &quot;_texturepack&quot;&gt;Mirror&lt;/a&gt;
                      &lt;/p&gt;
  &lt;!-- Carousel Text Start --&gt;
      &lt;div style = &quot;height:15px&quot;&gt;&lt;/div&gt;
      &lt;div style = &quot;border: 2px solid black; width: 500px; margin: 0 auto&quot; id = &quot;textureCarousel&quot; class = &quot;carousel slide&quot;&gt;
      
          &lt;ol class = &quot;carousel-indicators&quot; data-ride = &quot;carousel&quot;&gt;
              &lt;li data-target = &quot;#textureCarousel&quot; data-slide-to = &quot;0&quot; class = &quot;active&quot;&gt;&lt;/li&gt;
              &lt;li data-target = &quot;#textureCarousel&quot; data-slide-to = &quot;1&quot;&gt;&lt;/li&gt;
              &lt;li data-target = &quot;#textureCarousel&quot; data-slide-to = &quot;2&quot;&gt;&lt;/li&gt;
          &lt;/ol&gt;
      
          &lt;div class = &quot;carousel-inner&quot;&gt;
      
              &lt;div class = &quot;item active&quot;&gt;
                  &lt;img src = &quot;img/a.png&quot; alt = &quot;Beach&quot; class = &quot;img-responsive&quot;&gt;
              &lt;/div&gt;
  
              &lt;div class = &quot;item&quot;&gt;
                  &lt;img src = &quot;img/b.png&quot; alt = &quot;Beach&quot; class = &quot;img-responsive&quot;&gt;
              &lt;/div&gt;
  
              &lt;div class = &quot;item&quot;&gt;
                  &lt;img src = &quot;img/c.png&quot; alt = &quot;Beach&quot; class = &quot;img-responsive&quot;&gt;
              &lt;/div&gt;
      
          &lt;/div&gt;
          
      &lt;/div&gt;      
      
  &lt;!-- Carousel End --&gt;
                  &lt;/div&gt;
                  &lt;div class = &quot;modal-footer&quot;&gt;
                      &lt;a class = &quot;btn btn-danger&quot; data-dismiss = &quot;modal&quot;&gt;Close&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;!-- Texturepack Popup End --&gt;
  </code></pre>