这个问题一直困扰着我。 我正在使用Bootstrap框架,每当我在移动设备上查看我的网站时,我会在导航栏的右侧和左侧获得20px的边距。
过去有人建议如下:
.navbar-fixed-top { margin-left: -20px; margin-right: -20px; }不幸的是,这不起作用。 它解决了导航栏边距的问题,但会在页面的其余部分产生问题。
您可以在此处查看此问题的示例: http : //www.theplaybook.co
任何见解都非常感谢。
This issue has been bothering me forever. I'm using the Bootstrap framework and whenever I view my site on mobile devices I get 20px margins on the right and left side of the navbar.
In the past some have suggested the following:
.navbar-fixed-top { margin-left: -20px; margin-right: -20px; }Unfortunately, this doesn't work. It solves the issue with the navbar margins but creates issues with the rest of the page.
You can view an example of this problem here: http://www.theplaybook.co
Any insights are much appreciated.
最满意答案
它是由这一行引起的(在bootstrap-responsive.css ,802行):
@media (max-width: 767px) { .navbar { padding: 0 20px; }It's caused by this line (in bootstrap-responsive.css, line 802):
@media (max-width: 767px) { .navbar { padding: 0 20px; }更多推荐
发布评论