Question

我在Several containers at one page和Twitter Bootstrap Containers中找到了关于container使用的一些信息，但仍然需要更多输入。

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

如果在主服务器上使用单个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设置为流来修复此问题。

<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属性。

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

1 个答案: