Question

当它在电脑屏幕上时没什么大不了的，但在手机上查看它会显示可以滚动的空白区域。我在startbootstrap中使用了Creative模板。原始模板没有显示它，但只是现在。我不知道它来自哪里，也没有足够的知识去挖掘。

这是小屏幕上的样子 http://i.stack.imgur.com/ndNV1.jpg

谢谢

Answer 1

在

<div class="navbar-header">

正在生成额外的宽度。看起来它是在您更改菜单选项时引入的。

Answer 2

这对我有用，希望它能解决你的问题。

有一个部分

<section id="photo" class="bg-dark no-padding">

就在这里，有一个class =＆＃34; row＆＃34;

添加课程＆＃34;容器＆＃34;在这个div＆amp;删除课程＆＃34;行＆＃34;，它将解决问题

即<div class="container">

Answer 3

如果你删除了分类=＆＃34; no-padding bg-dark＆＃34; ID =＆＃34;相片＆＃34;白色空间消失了（chrome-＆gt; inspect element-＆gt; find section id = photo-＆gt; right click-＆gt; delete）。所以这与本节有关。我猜你忘了将它封装在div class =＆＃39; container＆＃39;。

中

我希望这会有所帮助。

我的bootstrap网站在右侧显示一个空的可滚动空白区域

3 个答案: