Bootstrap without rows?

Question

I love bootstrap, but i\'m trying to achieve something totally outsides its expected grid, which is to have cells stack under each other without grouped lines. Something like Pi

Answer 1

I've worked on a similar problem for a nested drag'n-drop box api with goal to be compliant with bootstrap grid on final render, the builder wasn't a bootstrap grid but a home made similar paradigm of bootstrap grid and I've fixed it with the CSS3 marvelous flexbox

take a look at Solved by flexbox

I have putted a root row (only one for multiline) and added a class to it which implement

display: flex;
flex-wrap: wrap;

eg:

    
Variable height content
    
...
    
...
    
...
    ...

and the css

.flex-row{
    display: flex;
    flex-wrap: wrap;
}

this will have the effect to adjust automatically the height of all the box that is on same line to the bigger one