Teague Teague - 5 months ago 13
CSS Question

What is the height of a row in Bootstrap?

I'm in the process of learning bootstrap and am struggling with row heights. Widths seem to be easy in bootstrap since rows typically span the entire window and column widths are explicitly declared.

However the height of rows and columns are much more confusing. So my questions:

What is the default height of a row in bootstrap? Is the row height dependent on the column with largest height? Is there a good way to explicitly define a row height? E.g. Make row height be 50% of container, etc.

Any help would be appreciated!

Answer

What is the default height of a row in bootstrap?

The height necessary to vertically encapsulate all child elements.
And width: inherit; max-width: 100vw;

Container also has no height,
you would have to define one, in order to use .my-row { height: 50%; }

Best practice: create your own class instead of messing with the css of a bootstrap class.