css - Bootstrap Grid with Flexible Layout -


i'm using bootstrap create grid items. problem have different heights , them flow beneath each other.

i tried using example bootply chops of bottom of 1 box fill space in next column.

<div class="col-md-4 whats-on-card card"> </div>  /*styles*/ *, *:before, *:after {box-sizing:  border-box !important;}   .row {  -moz-column-width: 17em;  -webkit-column-width: 17em;  -moz-column-gap: -1em;  -webkit-column-gap: -1em;    }   .whats-on-card {   display: inline-block;   margin:  0.25rem;   padding:  1rem;   width:  100%;   } 

http://www.bootply.com/85739

my example here http://www.allaboutus.ie/whats-on/

basically if solution have worked except without chopping boxes...

is possible css & bootstrap?


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 -