How to reduce the distance between the blocks (the distance indicated by the red arrows in the picture below)?

enter image description here

Code snippet:

<!-- Full Width Column --> <div class="content-wrapper"> <div class="container-fluid" style="min-width: 990px; max-width: 1366px"> <!-- Main content --> <section class="content"> <!--left--> <div class="col-sm-3"> ... </div><!--/left--> <!--center--> <div class="col-sm-6"> <div class="row"> <div class="col-xs-12"> ... </div> </div> </div><!--/center--> <!--right--> <div class="col-sm-3"> ... </div><!--/right--> </section> <!-- /.content --> </div> <!-- /.container --> </div> <!-- /.content-wrapper -->
  • margin'mi probably. Show the code to start, in which you can not figure out and what you yourself tried to do. - Ordman
  • added a snippet of code, see - sitev_ru
  • Press F12 to go to the development panel of your browser, find your Div and see its CSS. If you yourself do not understand what to do, then add it to the example so that you can advise something sensible. - koks_rs

1 answer 1

I think you need something like this:

 div.row { margin-left: -10px; margin-right: -10px; } div.container, div[class^="col-"] { padding-left: 10px; padding-right: 10px; }
  • Thank you ... practically works ... nevertheless decided to stop at the option getbootstrap.com/customize - sitev_ru