title: Aligning bootstrap panels next to each other
body: <p>I am having some issues getting aligning some bootstrap panels next to each other. No matter what HTML I add to it they always end up being under one another. How can I have them next to each other? I'm going to have a lot on the page.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;section class="bg-grey-50 padding-top-60 padding-top-sm-30"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-3 col-sm-4 hidden-xs"&gt;
                          &lt;div class="widget"&gt;
                              &lt;div class="panel panel-default"&gt;
                                  &lt;div class="panel-heading"&gt;Information&lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
  
                                      &lt;ul class="panel-list margin-top-1"&gt;
                                          &lt;li&gt;&lt;i class="glyphicon glyphicon-pencil"&gt;&lt;/i&gt;Info1&lt;/li&gt;
                                          &lt;li&gt;&lt;i class="fa fa-graduation-cap"&gt;&lt;/i&gt;Info1&lt;/li&gt;
                                          &lt;li&gt;&lt;i class="fa fa-warning"&gt;&lt;/i&gt;Info1&lt;/li&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="widget"&gt;
                              &lt;div class="panel panel-default"&gt;
                                  &lt;div class="panel-heading"&gt;Information&lt;/div&gt;
                                  &lt;div class="panel-body"&gt;
  
                                      &lt;ul class="panel-list margin-top-1"&gt;
                                          &lt;li&gt;&lt;i class="glyphicon glyphicon-pencil"&gt;&lt;/i&gt;Info2&lt;/li&gt;
                                          &lt;li&gt;&lt;i class="fa fa-graduation-cap"&gt;&lt;/i&gt;Info2&lt;/li&gt;
                                          &lt;li&gt;&lt;i class="fa fa-warning"&gt;&lt;/i&gt;Info2&lt;/li&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
  
  
  
  
                      &lt;/div&gt;
  
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/KRBdt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KRBdt.png" alt="What it looks like"></a></p>