Question

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

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

bootstrap.css
示例-固定layout.css中
自举-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>

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

提前致谢。

Answer 1

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

否则说，使用inspect元素检查导致代码的原因。或者访问http://getbootstrap.com/components/以获取响应式预定义容器。

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

1 个答案: