ASP.Net WebForms 中的 Twitter Bootstrap `container` div

Question

我在Several containers at one page 和Twitter Bootstrap Containers 中找到了一些关于container 使用的信息，但我希望得到更多信息。

从 Twitter Bootstrap 自己的示例中，我们在同一页面上看到多个 container div。但是 ASP.Net MasterPages 和 UserControls 呢？

是否应该在 Master 上使用单个 container，因此将所有内容区域包含在单个顶级 container 中（然后内容页面将由 row div 组成）？还是应该将container div 下推到内容页面？

更进一步，由几个row div 组成的相当复杂的UserControl (.ascx) 怎么样？ ascx 标记应该有自己的container，还是以row div 开头，假设包含页面有一个封闭的container？

最后，更一般地说，是否有人对何时使用新的container div 有一个经验法则？

Answer 1

我将容器 div 放在我的母版页中，因为我的所有页面都将使用子页面中的行/跨度。万一我希望我的子页面不使用容器，我只需关闭 div 标签...

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  </div> <!-- ending the container -->

  <!-- whatever -->

  <div> <!-- the master page ends the container div, so we'll add this instead -->
</asp:Content>

一些关于 bootstrap 和 asp.net 的有用提示...

单选按钮和复选框。 文本出现在单选框/复选框下方。通过将您的 asp.net 单选按钮列表控件或类似控件嵌套在具有 radio css 类或 checkbox css 类的 div 中，并将 RepeatLayout 设置为 flow 来解决此问题。

<div class="radio">
    <asp:RadioButtonList ID="rblFleettype" runat="server" RepeatLayout="Flow">
        <asp:ListItem Selected="True">Item 1</asp:ListItem>
        <asp:ListItem>Item 2</asp:ListItem>
    </asp:RadioButtonList>
</div>

错误消息警报。 许多 asp.net 控件可以转换为模板以暴露错误文字/标签，然后您可以将CssClass="alert alert-error" 应用于错误标签。但是如果你这样做，即使还没有错误，它也会显示红色的错误边界。要解决这个问题，您可以使用文字/标签的 PreRender 事件来检查 Text 属性并查看它是否为空，然后相应地设置 Visibility 属性。