Twitter的Bootstrap`容器`divs在ASP.Net WebForms

我發現在Several containers at one page和Twitter Bootstrap Containers中使用container的一些信息，但還剩下多一點的輸入。Twitter的Bootstrap`容器`divs在ASP.Net WebForms

從Twitter Bootstrap自己的例子中，我們在同一頁面看到多個container div。但是ASP.Net MasterPages和UserControls呢。

如果在主服務器上使用單個container，因此將所有內容區域封閉在單個頂級container（然後內容頁面將由row div組成）？或者應該將container div推下到內容頁面？

而且，更進一步，更復雜的UserControl（.ascx）是由幾個row div組成的;如果ascx標記有其自己的container，或者從row div開始，假設包含頁面包含container？

最後，更一般地說，沒有人有關何時使用新的container div的經驗法則？

來源

2012-07-03 jabits

我把容器div放在我的母版頁中，因爲我的所有頁面都將使用子頁面中的行/ span。在我想要我的孩子頁面不使用容器萬一，我只需關閉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>

一些有用的提示與引導和asp.net ...

單選按鈕和複選框。 文字出現在收音機/複選框下方。通過將你的asp.net單選按鈕列表控件或類似的控件嵌套在一個div中，並使用 css類或checkbox css類，並設置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屬性。

來源

2012-07-03 21:33:18 Theo

感謝您關閉「內容」頁面上的「容器」的提示。以及有關asp.net控件的其他信息。 WRT Bootstrap'容器'，你對嵌套'容器'div是否可行或者將容器保持在「外層」更好？ – jabits

我認爲外層。 'container'類具有'width：940px;'屬性。所以將其嵌入小於span12的內容可能不是一個好主意。您可以在其他行中嵌套行，[示例]（http://twitter.github.com/bootstrap/scaffolding.html#gridSystem）。如果你想在一個'span ##'中嵌套一個容器，bootstrap具有'container-fluid'。你可以用它來窩藏你想要的一切。你可以看看上面那個鏈接的用法。 – Theo

非常感謝。我現在有我需要的東西。 – jabits

Twitter的Bootstrap`容器`divs在ASP.Net WebForms

回答

相關問題