Auto adjustable elements
We have a standard grid without a measured size based on flexbox, with this type of grid we can build complex layouts like this header for example, we have a full width search that automatically adapts to the space available. We have a .row with nested elements, in this case we have a nested form width the class col which applies the rule to adapt the element to the available space.
Controlled adjustable elements
This means we can define a row with nested col elements that have a min and max width defined, these elements will adjust the width between the given values fitting the maximum elements in the row.
Columns work exactly like in bootstrap, we also have push, pull and offset available, but these have to be enabled in the project.