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

Question

[Иван Иванов]

Нужно сделать 3 колонки, и между ними отступ. Если делать по col-3 и offset 1, то колонки получатся слишком узкие, можно как-то задать явно расстояние между колонками?

Answer 1

[Иван Иванов]

Решил так:

<div class="row">
                <div class="col-md-4 col-xs-4">
                    <div class="col-md-10 item">1</div>
                    <div class="col-md-2"></div>
                </div>
                <div class="col-md-4 col-xs-4">
                    <div class="col-md-1"></div>
                    <div class="col-md-10 item">2</div>
                    <div class="col-md-1"></div>
                </div>
                <div class="col-md-4 col-xs-4">
                    <div class="col-md-2"></div>
                    <div class="col-md-10 item">3</div>
                </div>
            </div>

для .item задал высоту и проч.

Answer 2

[Данил Ларионов]

Можно редактировать напрямую через css, только путь правильно укажи
То есть если тебе нужно редактировать к примеру в шапке

<header class="header">
<div class="container">
<div class="col-3">a</div>
</div>
</header>

То укажи путь в css так

.header .container .col-3(псевдо лассы если нужно) {
стиль
}

Потому что если укажешь так

.col-3 {
стиль
}

То стиль применится ко всем частям с классом col-3