<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>

.bs-nopadding { padding: 0; } .bs-nopadding .row { margin: 0; } .bs-nopadding .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }