CODEWITHSUNDEEP
twitter-bootstrapcss
Izzo
Izzo

Reputation: 4928

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!

Upvotes: 5

Views: 15030

Answers (2)

warkentien2
warkentien2

Reputation: 979

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.

Upvotes: 2

Trojan
Trojan

Reputation: 91

you can set the height and width of html and body to 100%

Upvotes: 0

Related Questions