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

【问题标题】：How to make the footer design responsive in Bootstrap v2.0.1?如何在 Bootstrap v2.0.1 中使页脚设计响应？
【发布时间】：2014-10-08 10:55:29
【问题描述】：

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

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

bootstrap.css
example-fixed-layout.css
bootstrap-responsive.css
signin.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>

如果您需要有关我所面临问题的更多信息，请告诉我。

提前致谢。

【问题讨论】：

页脚完全没有响应？意思..？您发布了 html，但问题主要出在您的 css 中（给文件名 - 它没有帮助）。请发布您的 css 代码或更好地制作小提琴
您可以将类更改为 .row-fluid 和 .container-fluid，然后 .remove float:right 并将其放入应该放置的最小宽度媒体查询中。
你应该升级到 Bootstrap v2.3.2；它包括许多重大修复。

标签： html css twitter-bootstrap responsive-design twitter-bootstrap-2

【解决方案1】：

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

否则，请使用检查元素检查导致代码出现这种情况的原因。或访问http://getbootstrap.com/components/ 了解响应式预定义容器。

【讨论】：