Question: I have a PHP page with a few items on a page. I want three columns on large monitors but this is what it does. One column just skips two columns on the first page. It does not do that when there's four columns, but I want three.

There are no other style on columns so why does it do this?

[![This is what "insperct element" reveals.](https://i.stack.imgur.com/kAqV4.png)](https://i.stack.imgur.com/kAqV4.png)

Answer: 
**Tanbi's** suggestion is good as per bootstrap guidelines but if you don't want to add `.row` `div` between the item `div` you can use below mentioned `css`

```
.col-md-4:nth-child(3n+3) + .col-md-4{clear:both;}

```

I'm not sure but I think it's work.
This is how I fixed this issue in Bootstrap 3

```
.row {
  display: flex;
  flex-wrap: wrap;
}

```