Html 如何在Bootstrap v2.0.1中使页脚设计具有响应性?
我正在为我的网站使用Bootstrap v2.0.1 我在设计中使用了以下来自引导的文件: bootstrap.css 示例-fixed-layout.css bootstrap-responsive.css 签名 现在我有了一个页脚HTML代码,它可以在所有PC和笔记本电脑的所有浏览器上正常工作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
我面临的问题是平板电脑和智能手机。页脚根本没有反应。我应该如何使此页脚对所有浏览器和各种大小的设备做出响应 有人能在这方面帮助我吗?以下是我的页脚HTML代码:
<footer style="background-color:#000" id="footer">
<div class="container">
<div class="row">
<div class="span3 top-buffer-footer">
<p> © 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;它包括许多重大修复。