title: Button is out of container in Bootstrap
body: <p>I'm using Bootstrap 3 to design my website. In a large window my button appears fine within its gray box and border.  However, when I resize the window to check responsiveness, the button ends up being outside the boundaries of the container.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;div class="col-md-4 col-sm-12 col-xs-12 gray-box top-space"&gt;
    &lt;h3&gt;&lt;?php echo __("Test");?&gt;&lt;/h3&gt;
    &lt;p&gt;&lt;?php echo __("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in est nec mauris dapibus porta sit amet sit amet diam. Cras sit amet imperdiet elit. Nunc vehicula consectetur augue a pretium.");?&gt;&lt;/p&gt;
    &lt;a href="/pricing/" class="btn-primary pull-right" &gt;&lt;?php echo __("Test");?&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the css for the <code>gray-box</code>.</p>
  
  <pre><code>.gray-box {
    background-color: #F5F4F4;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    padding: 10px;
  }
  </code></pre>
  
  <p>Anyone know what I'm doing wrong or what needs to be done? Thanks!</p>