Как сделать отступы между блоками div, чтобы они не были впритык?

Question

Всем привет. Только начал изучать bootstrap (3 версия), поэтому есть трудности (даже в терминологии). Возник такой вопрос: как отделить блоки div друг от друга? Имею в виду, чтобы на сайте содержимое этих блоков не было впритык. Вот например у меня есть 2 div-а, как написать, чтобы на сайте выглядело раздельно?

<body>

    <div class="row form-inline">
        <div class="col-sm-15">
            <label class="small">Варианты</label>
            <select class="form-control" title="" name="testGroup" id="testGroup194">
                <option selected="selected" value="">ALL</option>
                <option title="Вариант A" value="14">Вариант A</option>
                <option title="Вариант B" value="15">Вариант B</option>
                <option title="Вариант C" value="16">Вариант C</option>
            </select>
        </div>
        <div class="col-sm-16">
            <label class="small">Название</label>
            <input type="text" class="form-control" value="" name="patientName">
        </div>
    </div>

</body>

Также вопрос по коду (он не мой). Что значит col-sm-15 и col-sm-16? Это же вроде сетка, в которой максимум 12 столбцов возможно.

Answer 1

Например так:
<div class="row form-inline form-container">
(добавлен собственный класс form-container)

Далее в стилях прописать:

.form-container > div{
    margin: 10px 20px;
}

Answer 2

Например, добавить класс mr-10, он означает margin-right: 10px.

БЛОГ НА HUSL

Как сделать отступы между блоками div, чтобы они не были впритык?

Ответы (2 шт):