Twitter bootstrap Bootstrap 3导致小设备空白的原因
有人知道为什么当我把浏览器缩小到非常小的屏幕时,右边会出现空白吗 图片: 我使用MVC4+引导和自定义cssTwitter 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
//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)。