Bootstrap remove default padding from col-md col-lg

2.4K views
no comments
20 Jul 2016 1:38 am

Removed Default left right padding – minified code

.col-xs-1,.col-sm-1,.col-lg-1,.col-md-1,.col-xs-2,.col-sm-2,.col-lg-2,.col-md-2,.col-xs-3,.col-sm-3,.col-lg-3,.col-md-3,.col-xs-4,.col-sm-4,.col-lg-4,.col-md-4,.col-xs-5,.col-sm-5,.col-lg-5,.col-md-5,.col-xs-6,.col-sm-6,.col-lg-6,.col-md-6,.col-xs-7,.col-sm-7,.col-lg-7,.col-md-7,.col-xs-8,.col-sm-8,.col-lg-8,.col-md-8,.col-xs-9,.col-sm-9,.col-lg-9,.col-md-9,.col-xs-10,.col-sm-10,.col-lg-10,.col-md-10,.col-xs-11,.col-sm-11,.col-lg-11,.col-md-11,.col-xs-12,.col-sm-12,.col-lg-12,.col-md-12{ padding-left:0; padding-right:0;}

Standard no left right padding

.col-xs-1, .col-sm-1, .col-lg-1, .col-md-1, .col-xs-2, .col-sm-2, .col-lg-2, .col-md-2, .col-xs-3, .col-sm-3, .col-lg-3, .col-md-3, .col-xs-4, .col-sm-4, .col-lg-4, .col-md-4, .col-xs-5, .col-sm-5, .col-lg-5, .col-md-5, .col-xs-6, .col-sm-6, .col-lg-6, .col-md-6, .col-xs-7, .col-sm-7, .col-lg-7, .col-md-7, .col-xs-8, .col-sm-8, .col-lg-8, .col-md-8, .col-xs-9, .col-sm-9, .col-lg-9, .col-md-9, .col-xs-10, .col-sm-10, .col-lg-10, .col-md-10, .col-xs-11, .col-sm-11, .col-lg-11, .col-md-11, .col-xs-12, .col-sm-12, .col-lg-12, .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

Individual classes to use specified tag for no left-right margin padding

These class selectors are defined as short names eg: nlm = No Left Margin, nrm = No Right Margin

.nlm{
 margin-left:0;
}
.nrm{
 margin-right:0;
}
.nlrm{
 margin-right:0;
 margin-left:0;
}
.nlp{
 padding-left:0;;
}
.nrp{
 padding-right:0;
}
.nlrp{
 padding-right:0;
 padding-left:0;
}

NOTE:Your Email Address will be not shown and please do not add spamming comments because here is REL="NOFOLLOW" on your links and comments also moderated shown.
<code>Put html css or any language code under this tag</code>