Html 在引导中使用容器流体时如何处理左侧填充/边距_Html_Css_Twitter Bootstrap_Responsive Design_Asp.net Mvc 5

Html 在引导中使用容器流体时如何处理左侧填充/边距

html css twitter-bootstrap responsive-design asp.net-mvc-5

Html 在引导中使用容器流体时如何处理左侧填充/边距,html,css,twitter-bootstrap,responsive-design,asp.net-mvc-5,Html,Css,Twitter Bootstrap,Responsive Design,Asp.net Mvc 5,我是web开发的初学者，在我的ASP.NETMVC5项目中，我只停留在一个地方在现代网站中，大多数情况下，Container Fluid用于在查看主页时充分利用浏览器的宽度。但现在的问题是，即使我去登记表，左边也并没有空格。基本上，我希望在主页上使用fluid，但当我进入注册甚至登录页面时，我希望有一些填充我的布局文件： <div class="container-fluid body-content"> @RenderBody() </div> 请

我是web开发的初学者，在我的ASP.NETMVC5项目中，我只停留在一个地方

在现代网站中，大多数情况下，Container Fluid用于在查看主页时充分利用浏览器的宽度。但现在的问题是，即使我去登记表，左边也并没有空格。基本上，我希望在主页上使用fluid，但当我进入注册甚至登录页面时，我希望有一些填充

我的布局文件：

<div class="container-fluid body-content">
        @RenderBody()
</div>

请指导我如何优雅地处理这个问题。因为我会的在所有页面中都要面对左填充问题

如果您从模板生成项目，则

Site.css

中有此选择器。您可能已将其删除，但可以将其重新添加

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

如果您从模板生成项目，则

Site.css

中有此选择器。您可能已将其删除，但可以将其重新添加

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

要正确使用引导网格，您应该使用

这将产生如下代码：

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      @RenderBody()
    </div>
  </div>
</div>


@RenderBody（）

看起来您缺少

行的div

类。此外，您还缺少一些表单元素（例如

）。检查

您不应该像处理

容器流体主体内容

那样将类与容器流体混合，尤其是当您的其他类（

主体内容

）具有填充或边距样式时。这是因为引导使用

容器

、

容器流体

、

行

和

col-x-x

来提供正确的边距和填充（

容器流体

默认情况下应提供15px的填充）

您可以使用浏览器开发工具检查不同的div，以查看哪些类应用了哪些样式。还值得检查一下是否有其他样式覆盖了引导程序。

要正确使用引导程序网格，您应该使用