How to reduce distance between blocks?

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

e4b7b6cfadb846e68e3a22ac50b23de5.png

Excerpt of code:

<!-- 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 -->
July 2nd 19 at 14:25
2 answers
July 2nd 19 at 14:27
Solution
If bootstraps styles in the project going from less to change the value of the variable @grid-gutter-width, if using the default css from bootstrap then go to the page getbootstrap.com/customize to find this variable, change it and download the new css file
Without customize not do? - chelsey_Schmidt commented on July 2nd 19 at 14:30
Thank you, it worked! - chelsey_Schmidt commented on July 2nd 19 at 14:33
July 2nd 19 at 14:29
Solution
If you Bootstrap, then go here and in the section "Grid system" change the @grid-gutter-width, well peresource Bootstrap at the bottom.

Or you connect not minimized version of bootstrap styles.css to the project and it is ruled by the necessary margin.
Without customize not do? - chelsey_Schmidt commented on July 2nd 19 at 14:32
: I wrote, OR you connect a minimized version of the boostrap styles.css rule manually, finding the right class. But it is a crutch by definition. - chelsey_Schmidt commented on July 2nd 19 at 14:35
Thank you, it worked! - chelsey_Schmidt commented on July 2nd 19 at 14:38

Find more questions by tags BootstrapHTMLCSSjQuery