Как уменьшить расстояние между блоками?

Question

[sitev_ru]

Как уменьшить расстояние между блоками (расстояние указал красными стрелочками на картинке снизу) ?



Отрывок кода:

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

Comments

[Lynn «Кофеман»]

Поправить стили

[sitev_ru]

Алексей Тен Отличное решение, но что поконкретнее сделать?

Answer 1

[Михаил]

Если бутстраповские стили в проекте собираются из less то поменять значение переменной @grid-gutter-width, если используется стандартный css из бутстрапа то зайти на страницу getbootstrap.com/customize найти там эту переменную, поменять её и скачать новый css файл

Comments

[sitev_ru]

Без customize не обойтись?

[sitev_ru]

Спасибо, получилось!

Answer 2

[Илья Савельев]

Если на Bootstrap, то идешь сюда и в секции "Grid system" меняешь параметр @grid-gutter-width, ну и пересобираешь Bootstrap в самом низу.

Либо подключаешь не минимизированную версию стилей bootstrap.css к проекту и там правишь необходимый отступ.

Comments

[sitev_ru]

Без customize не обойтись?

[Илья Савельев]

sitev_ru: я же написал, ЛИБО подключаешь минимизированную версию стилей boostrap.css и правишь вручную, найдя нужный класс. Но это костыль по определению.

[sitev_ru]

Спасибо, получилось!