引导响应Div在调整大小时消失。

Question

嗨，我正在用引导响应的CSS编写静态网页，当我调整窗口的大小时，我遇到了问题。

当我调整屏幕大小时，这个部分就消失了：

<div class="span9 nav">
                <h1><span class="logo"><em>Academia</em> <b>GEO</b></span></h1>
                <ul>
                    <li><a href="#details"><img src="img/icons/mail.png"></a></li>
                    <li><a href="#details"><img src="img/icons/phone.png"></a></li>
                    <li><a href="https://www.facebook.com/pages/Academia-GEO/570581836324054" target="_blank"><img src="img/icons/fb.png"></a></li>
                </ul>
            </div>

我不知道为什么div不像预期的那样调整大小。

这是一页：

http://209.141.57.95/

如您所见，当您使用一个小屏幕时，页面顶部的蓝色div消失，内容显示在白色正文中。

知道为什么会这样吗？问候

Answer 1

只需将内置的引导样式“清除”添加到您的span中：

<div class="span9 nav clearfix">

这个会解决的。

Answer 2

这是一个明确的修复问题；因为您的div中的所有元素都是浮动的，div会崩溃，因此它没有高度。

这个问题很容易解决，就像这样：

<div class="span9 nav">
                <h1><span class="logo"><em>Academia</em> <b>GEO</b></span></h1>
                <ul>
                    <li><a href="#details"><img src="img/icons/mail.png"></a></li>
                    <li><a href="#details"><img src="img/icons/phone.png"></a></li>
                    <li><a href="https://www.facebook.com/pages/Academia-GEO/570581836324054" target="_blank"><img src="img/icons/fb.png"></a></li>
                </ul>
                <div style="clear: both;"></div>
</div>

Answer 3

<div style="clear: both;"></div>有点为我工作，但真正的问题是我应该使用col而不是col或col。杜普。