"No margin between columns"
Bootstrap 3.3.0 Snippet by Gabidimartino

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container bs-nopadding text-center">
<h3>Just copy CSS and add class "bs-nopadding" in "container" div</h3>
<div class="row" style="color:#fff">
<div style="background:#990134" class="col-sm-3">column 1</div>
<div style="background:#63102c" class="col-sm-3">column 2</div>
<div style="background:#431625" class="col-sm-3">column 3</div>
<div style="background:#241319" class="col-sm-3">column 4</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
.bs-nopadding {
padding: 0;
}
.bs-nopadding .row {
margin: 0;
}
.bs-nopadding .row [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: