How can I give three vertical boxes the same height and width?

Question

css

There are three regular .col-lg-4 bootstrap blocks.
How to set adaptive parameters so that they are the same length and width in height and in length on all extensions regardless of content?

Answer 1

Responsive means it depends on the size of the browser window.
Not adaptive means they have a fixed size.
Do you decide what you need? There can be no wooden iron, as well as an adaptive block with fixed dimensions.

Answer 2

I'm afraid that on pure CSS with normal support for major browsers, this cannot be solved. But can be solved quickly and conveniently with JS: brm.io/jquery-match-height

Answer 3

If you have already taken up bootstrap, then read at least the documentation on grids. Write like this "col-xs-4 col-sm-4 col-md-4 col-lg-4". This will solve the adaptability problem. If you want to make the height the same, then either with a table, or connect something additionally.