Bootstrap 3 - 重叠内容（Clearfix？）

Question

我的HTML（Bootstrap）中存在一个问题，其中三列页脚在大多数桌面上显示正常，但在较小的屏幕尺寸（平板电脑/移动设备）上折叠/重叠。

我使用float: left;作为几个页脚元素 - 也许它是相关的。

我可以在违规元素之后使用<div class="clearfix"></div>修复它，但这会破坏桌面上的三列布局。

我错过了什么？

截图：

示例：

http://www.bootply.com/YRCLoHI7Uw

Answer 1

您的代码存在问题

问题：

您在向px和width提供padding，margin和<address>时正在使用.box。

解决方案：

在进行响应式设计时，应始终使用%或em。 %的{​​{1}}和width的{​​{1}}以及em因为padding和margin会根据{{%扩展和收缩1}}。

Answer 2

给你的行和子divs float：left。我想这可以解决你的问题。如果那不是你想要的，请告诉我。