Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在Bootstrap v2.0.1中使页脚设计具有响应性?_Html_Css_Twitter Bootstrap_Responsive Design_Twitter Bootstrap 2 - Fatal编程技术网

Html 如何在Bootstrap v2.0.1中使页脚设计具有响应性?

Html 如何在Bootstrap v2.0.1中使页脚设计具有响应性?,html,css,twitter-bootstrap,responsive-design,twitter-bootstrap-2,Html,Css,Twitter Bootstrap,Responsive Design,Twitter Bootstrap 2,我正在为我的网站使用Bootstrap v2.0.1 我在设计中使用了以下来自引导的文件: bootstrap.css 示例-fixed-layout.css bootstrap-responsive.css 签名 现在我有了一个页脚HTML代码,它可以在所有PC和笔记本电脑的所有浏览器上正常工作 我面临的问题是平板电脑和智能手机。页脚根本没有反应。我应该如何使此页脚对所有浏览器和各种大小的设备做出响应 有人能在这方面帮助我吗?以下是我的页脚HTML代码: <footer style="b

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

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

bootstrap.css 示例-fixed-layout.css bootstrap-responsive.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>
如果你需要关于我面临的问题的任何进一步信息,请一定告诉我


提前谢谢

试着给它一个高度和宽度,然后在中间加上一个边距0。 然后,它将根据屏幕大小移动

否则,使用inspect元素检查是什么导致代码出现这种情况。
或者访问响应性预定义容器。

页脚根本没有响应性?意思是…?你发布了html,但问题主要在于你的cssgave文件名——这没有帮助。请发布您的css代码或更好地制作一个fiddle,您可以将类更改为.row fluid和.container fluid,然后移除float:right并将其放入最小宽度的媒体查询中。您应该升级到Bootstrap v2.3.2;它包括许多重大修复。