Столбцы бутстрапа не добавляются к 12

Question

Я новичок в бутстрапе.

Я изучил учебные пособия в w3Schools, и я понимаю, что bootstrap использует 12-разрядную сеточную систему.

В моей компании я вижу некоторые коды, которые, как правило, не следуют этому правилу.

Пример:

<div class="form-group"> 
    <asp:Label runat="server" AssociatedControlID="LastNameTextBox" CssClass="col-md-3 control-label">*Last Name:</asp:Label> 
    <div class="col-md-8"> 
     <asp:TextBox runat="server" ID="LastNameTextBox" MaxLength="50" Width="500" CssClass="form-control" /> 
     <asp:RequiredFieldValidator runat="server" ControlToValidate="LastNameTextBox" 
      CssClass="text-danger" Display="Dynamic" ErrorMessage="The last name field is required." /> 
    </div> 
</div> 

Как вы видите, только 11 столбцов используются, и они, кажется, работают должным образом (я не вижу никакой проблемы компоновки, если изменить размер).

В чем проблема с 11 используемыми столбцами?

Answer 1

Bootstrap просто предоставит оставшееся пространство вашему последнему стилю. У вашего последнего стиля будет 9 вместо 8. Я мог бы стать проблемой, если вам нужно, чтобы ваше веб-приложение соответствовало различным размерам экрана. Вероятно, хорошая практика для определения ваших столбцов в соответствии с 12.