title: How to center divs in row in bootstrap?
body: <p>I want to center my 7 divs and I don't know really how to do it. Any idea? I don't want to change margin all elements individually, as you can see on the picture divs are not centered compared to my buttons and there's a 12 column bootstrap problem</p>
  
  <p><img src="https://i.stack.imgur.com/OG1NX.png" alt="screenshot"></p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .properbut{
  height: 180px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: table-cell;
  vertical-align: middle;
  
  }
  
  .fonts{
  font-family:Georgia,serif;
  color:#4E443C;
  font-variant: small-caps; 
  text-transform: none; 
  font-weight: 100; 
  font-size:   30px
  }
  &lt;/style&gt;
  
  &lt;div class="container"&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
  &lt;div class="jumbotron"&gt;
      &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
      &lt;div class="row"&gt;
                      &lt;div class ="col-md-2"&gt;
                      &lt;/div&gt;
  
                      &lt;div class ="col-md-1 "&gt;
                         &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/pon.png" style="height: 60px;"&gt;
                      &lt;/div&gt;
  
                      &lt;div class ="col-md-1 "&gt;
                          &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/wto.png"  style="height: 60px"&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class ="col-md-1 "&gt;
                          &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/sro.png" style="height: 60px"&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class ="col-md-1 "&gt;
                          &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/czw.png" style="height: 60px"&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class ="col-md-1 "&gt;
                          &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/pia.png" style="height: 60px"&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class ="col-md-1 "&gt;
                          &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/sob.png" style="height: 60px"&gt;
                      &lt;/div&gt;
  
  
                      &lt;div class ="col-md-1"&gt;
                          &lt;img src="&lt;?php echo asset_url();?&gt;media/img/kalendarz/niedz.png" style="height: 60px"&gt;
                      &lt;/div&gt;
  
                      &lt;div class ="col-md-3"&gt;
                      &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
      &lt;div class="row container" &gt;
              &lt;div&gt; 
                  &lt;button class="properbut btn btn-primary col-md-3 fonts" type="submit" style="margin-left: 130px;"&gt;Powtórki&lt;/button&gt;
              &lt;/div&gt;
              &lt;div class="col-md-3" &gt;
  
                      &lt;p class="text-center fonts" style="margin-top: 7px; font-size: 30px;"&gt;Co dzisiaj zrobisz aby osiągnąć swój cel?&lt;/p&gt;
  
              &lt;/div&gt;
  
              &lt;div&gt; 
                  &lt;button class="properbut btn btn-warning col-md-3 fonts"  type="submit"&gt;Lekcje audio&lt;/button&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
      &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>