Как сделать вертикальный отступ между строками в bootstrap?

Question

[WebDeveloper2016]

Делаю разметку с помощью модульных сеток. Как задать отступ между строками с помощью классов bootstrap? Или только вручную стилями задавать?

<div class="container">
	<div class="row">
		<div class="col-xs-3">3 колонки</div>
		<div class="col-xs-5 col-xs-offset-1">5 колонок</div>
		<div class="col-xs-2 col-xs-offset-1">2 колонки</div>
	</div>
	<div class="row">
		<div class="col-xs-3">3 колонки</div>
		<div class="col-xs-5 col-xs-offset-1">5 колонок</div>
		<div class="col-xs-2 col-xs-offset-1">2 колонки</div>
	</div>
</div>

Answer 1

[iBird Rose]

самому ток задавать. и при этом не трогай классы бутсрапа. оберни row к примеру во что нибудь и им задай.

<div class="container">
  <div class="lines">
  <div class="row">
    <div class="col-xs-3">3 колонки</div>
    <div class="col-xs-5 col-xs-offset-1">5 колонок</div>
    <div class="col-xs-2 col-xs-offset-1">2 колонки</div>
  </div>
  </div>
  <div class="lines">
  <div class="row">
    <div class="col-xs-3">3 колонки</div>
    <div class="col-xs-5 col-xs-offset-1">5 колонок</div>
    <div class="col-xs-2 col-xs-offset-1">2 колонки</div>
  </div>
</div>
</div>

.lines {margin-bottom: 30px;}

Comments

[WebDeveloper2016]

А как же адаптивность? Хочу чтоб сайт хорошо смотрелся на всех экранах.

[Anonim]

WebDeveloper2016: используй тогда не пиксели, а проценты