在整个屏幕上拉伸 MVC Web 应用程序
Stretch MVC Web app over whole screen
我正在寻找使 MVC 网络应用程序使用整个屏幕的设置(参见图中的红线)。我很乐意 post 一些代码,但由于它看起来像这样,当创建一个新项目时,我会 post 使用新 MVC 的开箱即用代码应用
我在整个项目中可以找到的唯一 body-content
实例位于 Site.css 中,如下所示:
body {
padding-top: 50px;
padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists
will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
max-width: 600px;
}
从超大屏幕上方的 div 中删除 container
和 body-content
类。
更新:
它不是来自 ASP.NET 模板,而是来自 Bootstrap:
使用<div class="container-fluid body-content">Blah</div>
我正在寻找使 MVC 网络应用程序使用整个屏幕的设置(参见图中的红线)。我很乐意 post 一些代码,但由于它看起来像这样,当创建一个新项目时,我会 post 使用新 MVC 的开箱即用代码应用
我在整个项目中可以找到的唯一 body-content
实例位于 Site.css 中,如下所示:
body {
padding-top: 50px;
padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists
will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
max-width: 600px;
}
从超大屏幕上方的 div 中删除 container
和 body-content
类。
更新:
它不是来自 ASP.NET 模板,而是来自 Bootstrap:
使用<div class="container-fluid body-content">Blah</div>