twitter-bootstrap - 使用 Bootstrap 响应，跨度不崩溃

Question

我正在尝试为我的网站编写一个响应式页脚，并且我正在为该网站使用引导程序，所以我想我会使用流体跨度。我已经按照此处所见的方式进行了所有设置

但是，当您缩小浏览器时，它不会像跨度那样折叠。取而代之的是一个下降等。

这是代码：

<div id="footer">
  <div class="row-fluid">
    <div class="span12">
      <div class="row-fluid">
        <div class="span4">
          <div id="leftsidefooter">
            <div id="social">
              <a href=
                "https://www.facebook.com/pages/Wall-Space-Gallery-and-Framing/195974620432391">
              <img alt="facebook" class="socialicon" src=
                "img/FacebookSquare.png"></a> <a href=
                "https://twitter.com/WallSpaceOttawa"><img alt=
                "twitter" class="socialicon" src=
                "img/Twittersquare.png"></a>
            </div>
            <div id="feed"></div>
          </div>
        </div>
        <div class="span8">
          <div class="span4">
            <div id="rightsidefooter">
              <h3>Rental Inquires</h3>
            </div>
          </div>
          <div class="span4">
            <div id="rightsidefooter">
              <h3>Rental Inquires</h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

Answer 1

相当令人尴尬的是，问题根本不在于 html，而是 css 中缺少的 close } 阻止了某些样式的激活。

谢谢您的帮助。下次我会进一步研究自己修复它。