ASP .NET MVC 5 - 减少左边距答案

【问题标题】：ASP .NET MVC 5 - Decrease the left hand marginASP .NET MVC 5 - 减少左边距
【发布时间】：2016-12-30 15:33:05
【问题描述】：

我使用默认模板在 VS2015 中创建了一个新的 ASP .NET MVC 应用程序。我的索引视图使用的是默认的共享 _Layout 文件。

问题是视图都有过多的左侧边距，数据被推到右侧的屏幕之外。

如何修改 CSS（引导程序？）以减少左边距？

更新1：

根据 Aravind 的提示。

我打开boostrap.css然后修改css属性.pull-left并注释掉float代码：

.pull-left {
  /*float: left !important;*/
}

更新2

根据@Steven B 的另一个提示

进入 _Layout.cshtml 并编辑显示：

<div class="container-fluid body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - Penske Logistics</p>
        </footer>
    </div>

【问题讨论】：

一种选择是将.container 更改为.container-fluid 以实现全宽布局，而不会与预定义的网格系统发生冲突。 Example.
@lamelemon - .container-fluid 是默认 boostrap.css 样式表的一部分吗？
是的，它是引导程序中的一个类。 Here's 差异概述。

标签： css asp.net-mvc twitter-bootstrap visual-studio-2015

【解决方案1】：

使用 pull-left 类作为

<div class="pull-left"> Application Name </div>

【讨论】：

@Aravind 是否有任何刻度可以向左拉一些填充... bz 向左拉只是太左了
@singhswat 你到底在找什么
我正在寻找“向左拉，左侧填充为 20 像素”，因此在拐角的最左侧留有相同的空间。图片网址供参考pasteboard.co/3rzXgJ0UW.png
请注意，@lamelemon 对原始帖子的评论也解决了这个问题。我倾向于回避修改核心布局文件，因为随着新版本的到来，这会成为维护问题。

【解决方案2】：

您也可以尝试将您的 div 重命名为引导功能之外的名称。不要使用container，而是使用main。

<div class="main">Application Name</div>

这也应该为您提供页面的完整宽度

【讨论】：