Why is this code in bootstrap columns?

Question

css

Trying to understand why bootstrap for each column

.col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

uses the default flex-grow string and so 0 , just like flex-basis auto flex-shrink is overridden from the default 1 to 0 . But that doesn't seem to make sense, because the width of the columns is set as a percentage, and the .row container is set to flex-wrap: wrap . This means that there will be no situation when the columns will shrink less than the set width . flex: 0 0 auto;

Answer 1

Default values ​​in browsers - it's written on the water with a pitchfork. Plus, the cell class can be not only for something nested in .row, but can generally be set programmatically on the fly, and it’s not a fact that the correct values ​​will be inherited from the parent. Well, computed styles are an interesting thing.