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

时间:2015-10-03 13:27:33

标签: html css twitter-bootstrap web

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

http://ownscene.com/index-en.html

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

谢谢

3 个答案:

答案 0 :(得分:1)

<div class="navbar-header">

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

答案 1 :(得分:1)

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

有一个部分

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

就在这里,有一个class =&#34; row&#34;

添加课程&#34;容器&#34;在这个div&amp;删除课程&#34;行&#34;,它将解决问题

<div class="container">

答案 2 :(得分:0)

如果你删除了分类=&#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;。

我希望这会有所帮助。