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:
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%); }
(i made minor edits html structure well)
also, may want have at question
Comments
Post a Comment