title: Place 2 buttons next to each other in Bootstrap Div
body: <p>Looking to have a title, subtitle and then two boxes close together and next to each other in the final third div.</p>
  
  <p>Struggling  to get 2 buttons to align in the centre next to each other. Seems fine in certain widths, but flows onto the next line at full width</p>
  
  <pre><code>        &lt;div class="button-box"&gt;
          &lt;div class="myoffer3 col-lg-6"&gt;
                  &lt;a href="mylink.php" class="btn btn-info" role="button"&gt;About Us&lt;/a&gt;
              &lt;/div&gt;
          &lt;div class="myoffer4 col-lg-6"&gt;
                  &lt;a href="mylink.php" class="btn btn-info" role="button"&gt;Our Products&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My CSS</p>
  
  <pre><code>.myoffer3 {
  display: inline;
  padding:20px;
  }
  .myoffer4 {
   display: inline;
   padding: 0 20px;
  
   }
   .button-box {
    width:100%;
    text-align:center;
   }
  </code></pre>