Как сделать отступ между блоками div, чтобы они не располагались вплотную? - PullRequest
0 голосов
/ 10 июля 2020

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

<body>

    <div class="row form-inline">
        <div class="col-sm-15">
            <label class="small">Options:</label>
            <select class="form-control" title="" name="testGroup" id="testGroup194">
                <option selected="selected" value="">ALL</option>
                <option title="Option A" value="14">Option A</option>
                <option title="Option B" value="15">Option B</option>
                <option title="Option C" value="16">Option C</option>
            </select>
        </div>
        <div class="col-sm-16">
            <label class="small">Name</label>
            <input type="text" class="form-control" value="" name="patientName">
        </div>
    </div>

</body>

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

1 Ответ

1 голос
/ 10 июля 2020

Поскольку вы имеете в виду желоба, теперь вы можете проверить соответствующую документацию по адресу https://getbootstrap.com/docs/4.0/layout/grid/#no -gutters .

Что касается col-md-16, это auto-layout-columns, новое в Boostrap 4: https://getbootstrap.com/docs/4.0/layout/grid/#auto -layout-columns

См. Этот вопрос для получения дополнительной информации: N количество столбцов в Bootstrap 4

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...