html - Css removing margin or padding in columns -


removing column padding or margins create tiling effect using bootstrap 3

  <div class="row">   <div class="col-md-4">     <div class="hexagon-wrapper hex_size">         <div class="hexagon">         </div>        </div>       </div> <div class="col-md-4">     <div class="hexagon-wrapper hex_size">         <div class="hexagon">         </div>        </div>       </div>   <div class="col-md-4">     <div class="hexagon-wrapper hex_size">         <div class="hexagon">         </div>        </div>       </div>    //row 2   <div class="row">   <div class="col-md-4">     <div class="hexagon-wrapper hex_size">         <div class="hexagon">         </div>        </div>       </div> <div class="col-md-4 col-md-offset-2">     <div class="hexagon-wrapper hex_size">         <div class="hexagon">         </div>        </div>       </div>   <div class="col-md-4">     <div class="hexagon-wrapper hex_size">         <div class="hexagon">         </div>        </div>       </div> 

result far: enter image description here

i need class add row push 2nd row 50%.its seems on written bootstrap.

you can use transform,

.row.moveup{     -moz-transform: translatey(-50%);     -webkit-transform: translatey(-50%);     -o-transform: translatey(-50px%);     -ms-transform: translatey(-50%);     transform: translatey(-50%); } 

see in action here

(i made minor edits html structure well)

also, may want have at question


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -