Asp.net 使用Twitter引导Css工具包时没有侧栏时的全宽内容
我正在使用twitter引导css工具包为asp.net webforms 2.0(也是.net 2.0)中的应用程序构建母版页。虽然这是一个关于设计的问题,但这不是一个编程问题Asp.net 使用Twitter引导Css工具包时没有侧栏时的全宽内容,asp.net,css,master-pages,twitter-bootstrap,Asp.net,Css,Master Pages,Twitter Bootstrap,我正在使用twitter引导css工具包为asp.net webforms 2.0(也是.net 2.0)中的应用程序构建母版页。虽然这是一个关于设计的问题,但这不是一个编程问题 Header Breadcrumb Maincontent -leftsidebar -pageContent -rightsidebar Footer 是的,这是一个侧边栏问题,我得到的HTML如下 问题: 在其中一个内容(子)页面中,我没有看到左侧边栏的
Header
Breadcrumb
Maincontent
-leftsidebar
-pageContent
-rightsidebar
Footer
是的,这是一个侧边栏问题,我得到的HTML如下
问题:
在其中一个内容(子)页面中,我没有看到左侧边栏的内容&我希望中间的内容也占据这个空间,因为右侧边栏仅跨越4个网格。那么,我如何使
内容部分在缺少右侧边栏或左侧边栏时占用可用空间呢?我回答了一个与此非常类似的问题,您可以查看结果
它基本上是创建一组新的类,您可以将这些类添加到子页面的.content
区域,以便它符合您的侧栏
只需将其添加到您的主CSS中,并根据您的侧边栏需要将类添加到.content
区域:
.fixed-fluid {
margin-left: 240px;
}
.fluid-fixed {
margin-right: 240px;
margin-left:auto !important;
}
.fixed-fixed {
margin: 0 240px;
}
以下是它的外观演示:
- 没有左侧边栏:
- 没有右侧边栏: