ASP .NET MVC 5 - 减少左手边距

时间:2016-08-23 17:27:01

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

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

问题是所有视图都有过多的左手边距,数据被推离屏幕右侧。

如何修改CSS(bootstrap?)以减少左手边距?

enter image description here

UPDATE1:

根据Aravind的暗示。

我打开了boostrap.css然后修改了css属性.pull-left并注释掉了浮动代码:

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

2 个答案:

答案 0 :(得分:2)

使用左拉类作为

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

答案 1 :(得分:0)

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

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

这也应该为您提供页面的全宽