How to work with GRID grid?

A

Alexander2015-12-01 11:27:13

css

Alexander, 2015-12-01 11:27:13

Structure:

<div class="row">
                <div class="col-md-3 col-sm-6">
                </div>
                <div class="col-md-3 col-sm-6">
                </div>
                <div class="col-md-3 col-sm-6">
                </div>
                <div class="col-md-3 col-sm-6">
                </div>
</div>

In the screenshot, the last block went. To align it I add margin-top: -165px; and everything is right.
How to use grid grid correctly? so that there are no such cases.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

S

Semyon, 2015-12-01
@skamenetskiy

I think the problem is in col-sm-6, the maximum can be 12 columns, in this case it turns out 24.
getbootstrap.com/css/#grid-example-basic