Twitter bootstrap Bootstrap 3导致小设备空白的原因

Twitter bootstrap Bootstrap 3导致小设备空白的原因,twitter-bootstrap,asp.net-mvc-4,responsive-design,Twitter Bootstrap,Asp.net Mvc 4,Responsive Design,有人知道为什么当我把浏览器缩小到非常小的屏幕时,右边会出现空白吗 图片: 我使用MVC4+引导和自定义css //layout.cshtml: @RenderBody() //index.cshtml: @特色栏目{ 事件。 } @Model.TotalItemCount 分类 @Html.Partial(“_Event”,@Model) Stran@(Model.dogodki.PageCountUrl.Action(“GetSortedDogodki”,new{page,sortOrde

有人知道为什么当我把浏览器缩小到非常小的屏幕时,右边会出现空白吗

图片:

我使用MVC4+引导和自定义css

//layout.cshtml:
@RenderBody()
//index.cshtml:
@特色栏目{
事件。
}
@Model.TotalItemCount
分类
@Html.Partial(“_Event”,@Model)
    Stran@(Model.dogodki.PageCountUrl.Action(“GetSortedDogodki”,new{page,sortOrder=ViewBag.CurrentSort}))

请提供您的风格。但正如我从屏幕截图中看到的,mainWrap容器上的填充或边距可能有问题。

这通常是由于未使用容器包装造成的。尝试在所有部分周围添加
.container
类或
.container fluid
,您的问题就会消失


如果这不能解决您的问题,请发布代码链接。

我在行周围添加了div,问题得到了解决,但我不明白为什么,因为我在母版页中定义了.container,并且所有页面都在这个layout.cshtml中呈现

//layout.cshtml:
//所有页面的容器
@RenderBody()//我渲染容器内的所有站点
//index.cshtml:
@特色栏目{
事件。
}
//这解决了问题

container和.container fluid类在15px的左侧和右侧添加填充,用于偏移应用于容器中包含的行的右侧和左侧负边距(-15px)。