Responsive-margins-and-paddings-bootstrap-3

The bootstrap.css file contains the GRID LAYOUT OF BOOTSTRAP 3 ONLY!

<link rel="stylesheet" type="text/css" href="/path/to/css/margins-and-paddings.css"/>

Example:

<div class="row">

<div class="col-xs-12 col-md-6 m-xs-10 m-md-5">

</div>

<div class="col-xs-12 col-md-6 m-xs-10 m-md-5">

</div>

</div>

---

Breakpoints are as follows:

.m-xs-??

.p-xs-??

@media (min-width: 768px) {

.m-sm-??

.p-sm-??

}

@media (min-width: 992px) {

.m-md-??

.p-md-??

}

@media (min-width: 1200px) {

.m-lg-??

.p-lg-??

}