使用Bootstrap响应,不会崩溃

时间:2013-07-20 04:51:01

标签: twitter-bootstrap responsive-design footer html collapse

我正在尝试为我的网站编写一个响应式页脚,我正在使用该网站的bootstrap,所以我想我会使用流体跨度。我已按照here

的方式设置所有设置

然而,当你缩小浏览器时,它不会像跨距那样崩溃。相反,一个人等等等。

以下是代码:

<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>

1 个答案:

答案 0 :(得分:0)

相反令人尴尬的是,问题不在于html,而是在css中缺少关闭},这阻止了某些样式的激活。

感谢您的帮助。我将在下一次进一步了解它。