Fatal编程技术网
  • html/
  • Html 引导程序3-重叠内容（Clearfix？）

Html 引导程序3-重叠内容（Clearfix？）

html css twitter-bootstrap

Html 引导程序3-重叠内容（Clearfix？）,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我的HTML（Bootstrap）中有一个问题，三列页脚在大多数台式机上显示良好，但在较小的屏幕尺寸（平板电脑/手机）上折叠/重叠 我使用float:left对于几个页脚元素-可能是相关的 我可以在有问题的元素之后用修复它，但这会破坏桌面上的三列布局 我错过了什么 截图： 例如： 给你的行和子divs float:left。我想这就解决了你的问题。如果这不是您想要的，请告诉我。您的代码中有一个问题 问题: 您正在使用px，同时为和框提供宽度、填充和边距 解决方案： 在进行响应性设计时，应始终使

我的HTML（Bootstrap）中有一个问题，三列页脚在大多数台式机上显示良好，但在较小的屏幕尺寸（平板电脑/手机）上折叠/重叠

我使用
float:left对于几个页脚元素-可能是相关的

我可以在有问题的元素之后用
修复它，但这会破坏桌面上的三列布局

我错过了什么

截图：



例如：


给你的行和子divs float:left。我想这就解决了你的问题。如果这不是您想要的，请告诉我。
您的代码中有一个问题

问题:

您正在使用
px
，同时为
和
框提供
宽度
、
填充
和
边距

解决方案：


在进行响应性设计时，应始终使用
%
或
em
%
用于
width
和
em
用于
padding
和
margin
，因为
%
和
em
将根据
width
展开和收缩，您的页脚中只有
md
类，如
col-md-6
。你至少需要为最小的，
xs
，布局设置列类。我不知道投反对票的是什么。行，col-md-3,6,3带样式浮动：左边似乎对我很好。不是从我这里。它解决了这个问题-is
float:leftcol-XX-Y
上执行此操作的正确方法（与黑客相反）？那么你的意思是说你只想通过boostrap类解决此问题？哦，是的。对于OP，如果您想让col-xx-12占据外层分区的空间，请将col-xx-12指定给内部分区，而不是指定高度和宽度。@Jason，这是否意味着我可以在
col-md-6
中嵌套
col-md-12
？或者，您是指将
col-md-12
放入
div.tweets
？@okoboko您可以将
col-md-12
嵌套在
col-md-6