Bootstrap: '.no-shrink' class may be needed in flex utilities.

Created on 17 Oct 2017  路  1Comment  路  Source: twbs/bootstrap

In flex-box utilities need no-shrink class (in my opinion), this helps when someone want to shrink only one row in a page of multiple rows.

css has-pr v4

Most helpful comment

This would be a nice compliment to the .flex-fill class.

.flex-shrink {
    flex-shrink: 0;
}

I found it's necessary when using flex-column and flex-fill to grow 1 row in height, other rows get squished. Adding flex-shrink:0 to the other rows prevents this.

>All comments

This would be a nice compliment to the .flex-fill class.

.flex-shrink {
    flex-shrink: 0;
}

I found it's necessary when using flex-column and flex-fill to grow 1 row in height, other rows get squished. Adding flex-shrink:0 to the other rows prevents this.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

leomao10 picture leomao10  路  3Comments

devdelimited picture devdelimited  路  3Comments

devfrey picture devfrey  路  3Comments

matsava picture matsava  路  3Comments

bellwood picture bellwood  路  3Comments