What framework provides such a tricky grid?

Question

css

Here is a very tricky grid:
tympanus.net/Development/CreativeButtons
Move the browser width. Pay attention to the blue line (the FIRST line of buttons in the amount of 3 pieces). You will see that the blocks are transferred one by one.
I did not see such a logic of behavior either in Zurb or in Bootstrap. There, when they cross the smallest breakpoint, all blocks are placed in a vertical column!
Tell me, maybe you know a framework that provides such a grid?
And one more thing...
It would be great if a specific framework is indicated, and not "write the code in css itself, it's easy!" :)

Answer 1

The buttons in your example are grid independent. They are fixed-width, and styled inline-block, stack into a parent p styled text-align: center;, if they don't fit, jump to the bottom row. This is _NOT_ a grid, this is the normal behavior of inline-block elements in a parent with diaply:block and text-align: center.

Answer 2

<div class="row">
<div class="col-md-4">
<button type="button" class="btn btn-default">Default</button>
</div>
<div class="col-md-4">
<button type="button" class="btn btn-default">Default</button>
</div>
<div class="col-md-4">
<button type="button" class="btn btn-default">Default</button>
</div>
</div>

In bootstrap 3, this is how they "wrap one by one" too.