У меня есть макет формы, в котором есть группы форм начальной загрузки 3. Я хочу, чтобы эти группы форм находились в одном столбце <small, 2 столбца в размерах планшета и 4 столбца на больших экранах.

Очевидно, у меня все работает отлично, однако после прочтения здесь то, что я сделал, похоже, нарушает предполагаемое правило, согласно которому каждый столбец в строке должен содержать до 12. Однако в каждом учебном пособии и документах, которые я смог найти, всегда используются такие слова, как «следует». или «в идеале», когда говорят, что это должно быть до 12. Кажется, здесь нет четких указаний.

Я определил свои группы следующим образом:

<div class="row">
    <div class="form-group col-md-6 col-lg-3" ><!--....etc-->

и в настоящее время у меня есть 4 из них в каждом ряду. Это означает, что 4 * col-lg-3 добавляет до 12, а 4 * col-md-6 в форме группы div добавляет 24, а не 12.

Однако это, похоже, не имеет значения и прекрасно работает на каждой точке останова.

Должен ли я быть обеспокоен? Имеет ли это какое-либо значение? Конечно, я не должен делать два совершенно разных макета, которые дублируют все эти элементы управления один раз для col-md-6 и col-lg-3 на одной странице?