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可能是一种很好的做法。

Bootstrap列不会添加到12

1 个答案: