why do we need class .row in bootstrap framework?

Question

I looked into the bootstrap.css, and didn't quite understand. The only codes about .row looks like this. Why and when do we need .row in bootstrap?

.row {
 margin-right: -15px;
 margin-left: -15px;
}
.row:before,
.row:after{display: table;
 content: " ";
}
.row:after{
 clear: both;
}

The article in the selected answer is great. Here's a concise version of the explanation: http://stackoverflow.com/questions/23899715/bootstrap-balancing-bullet-columns/23912463#23912463 — jme11, Jul 01 '14 at 10:04

score 3 · Accepted Answer · answered Jun 30 '14 at 16:07

The row is a wrapper to contain the columns. Column gutters are offset for the first and last column with the negative row margin. If you didn't have them, you'd see a horizontal scrollbar on your content. Solid Article on the B3 Grid System.

For proper alignment they should be inside a container.

why do we need class .row in bootstrap framework?

1 Answers1