引导列不加到12

本文关键字： | 更新日期: 2023-09-27 18:11:31

我是新手。

我学习了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列有什么问题?

引导列不加到12

Bootstrap会把剩余的空间留给你的最后一个样式。最后一款是9英寸而不是8英寸。如果你想让你的网页应用适应不同的屏幕尺寸，我可能会成为一个问题。最好将列定义为匹配12。