Does anyone know how to remove indenting only from one side of the container in bootstrap? Tried fluid on it cleans the width of the entire container.

picture

    2 answers 2

    Try

    .container { margin-left: 0; } 

     @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); .container { margin-left: 0; } 
     <div class="container"> <div class="row"> <div class="col-sm-6"><img src="//placehold.it/900x300/c69/f9c/?text=First" class="img-responsive" alt=""></div> <div class="col-sm-6"><img src="//placehold.it/900x300/9c6/cf9/?text=Second" class="img-responsive" alt=""></div> </div> </div>

      If you need to indent one specific container, add an additional class to it, for example, marginleft :

       <div class="container marginleft"></div>

      And in CSS, add a style for it:

        .marginleft { margin-left : 0px; }