html - 如何在 Bootstrap v2.0.1 中使页脚设计响应？

Question

我正在为我的网站使用 Bootstrap v2.0.1。

我在我的设计中使用了来自 Bootstrap 的以下文件:

1. bootstrap.css
2. example-fixed-layout.css
3. bootstrap-responsive.css
4. 登录.css

现在我有了一个页脚 HTML 代码，它可以在所有 PC 和笔记本电脑上的所有浏览器上正常工作。

我面临的问题是关于平板电脑和智能手机的。页脚根本没有响应。我应该如何使此页脚响应所有浏览器和所有不同尺寸的设备？

有人可以在这方面帮助我吗？以下是我的页脚 HTML 代码:

<footer style="background-color:#000"  id="footer">
  <div class="container">
    <div class="row">
      <div class="span3 top-buffer-footer">
        <p> &copy; 2014 PROJECT NAME</p>
      </div>
      <div align="center" class="span7 top-buffer-footer">
        <a  href="#">About Us</a> |
        <a href="#">Privacy Policy</a> |
        <a href="#">Terms & Conditions</a>
      </div>
      <div class="span2 top-buffer-footer">
        <a style="float:right"  href="#">Powered By Company Name</a>
      </div>
    </div>
  </div>
</div>

如果您需要有关我面临的问题的任何进一步信息，请告诉我。

提前致谢。

Answer 1

尝试给它一个高度和宽度，然后应用边距 0 使其居中。然后它将根据屏幕尺寸移动。

换句话说，使用 inspect element 检查是什么导致了你的代码。或访问http://getbootstrap.com/components/用于响应式预定义容器。