Too Long; Didn't Read
The responsive grid system uses a series of containers, rows, and columns to layout and aligns content. The grid rules are defined in the file css/grid.css. You can add so many break-points as you want or you can also complete this grid CSS by adding typography (font) If you want to check a project using this method, click on this link: live demo. You can use ".container" to set a max-width or ".container-fluid" if you need 100% wide all the time.