Question

我正在使用twitter bootstrap css工具包为asp.net webforms 2.0（也是.NET 2.0）中的应用程序构建母版页。没有任何编程问题虽然是关于设计我得到了页面

    Header
    Breadcrumb
    Maincontent
    -leftsidebar
    -pageContent
    -rightsidebar
    Footer

是的，这是其中一个侧边栏问题，我得到了如下的HTML

        <div class="row">
            <div class="span4">
                <!--Place holder for left sidebar-->
                <asp:ContentPlaceHolder runat="server" id="phLeftSidebar">
                </asp:ContentPlaceHolder>
            </div>
            <div class="content">
                <!--Place holder for main content-->
                <asp:ContentPlaceHolder runat="server" id="phPageContent">
                </asp:ContentPlaceHolder>
            </div>
            <div class="span4">
                <!--Place holder for right sidebar-->
                <asp:ContentPlaceHolder runat="server" id="phRightSidebar">
                </asp:ContentPlaceHolder>
            </div>
        </div>

问题

在其中一个内容（子）页面中，我没有左侧边栏的内容。我期待中间内容也占据这个空间，因为右侧边栏只有4个网格。因此，如果content section缺席，我如何让right or left sidebar占用可用空间。

Answer 1

我回答了一个与此类似的问题，您可以查看结果here。

它基本上归结为创建一组新的类，您可以将它们添加到子页面中的.content区域，以便它可以符合您的侧边栏。

只需将其添加到您的主要CSS中，然后根据您的侧边栏需求为您的.content区域添加课程：

.fixed-fluid {
    margin-left: 240px;
}
.fluid-fixed {
    margin-right: 240px;
    margin-left:auto !important;
}
.fixed-fixed {
    margin: 0 240px;
}

以下是它的外观演示：

没有左侧边栏：http://jsfiddle.net/6vPqA/4/show/
没有右侧边栏：http://jsfiddle.net/6vPqA/5/show/

使用Twitter BootStrap Css Toolkit时没有侧边栏的全宽内容

问题

1 个答案: