Html 引导移动第一布局问题

请查看我的演示。我一直在尝试使用不同的网格大小来实现它。我有一些方法可以让它在所有网格大小下都工作，除了col xg（您需要对产品的容器进行clearfix。容器中的浮动元素没有填充容器元素，clearfix会处理这些元素。这是Nicolas Gallagher可爱的clearfix（）：

关于高度差，最快和最脏的修复方法是使h2标记无论怎样都保持相同的高度。您可以在h2内放置一个分隔符

，将平面类型和单词plan拆分为两行：

<h2>Regular <br>Plan</h2>

常规
计划

---

只需为每个计划

h2

s执行此操作。

看起来背景更改是在

产品容器的悬停css规则上确定的。请尝试为其父级设置规则，
col-lg-3 col-md-3 col-sm-3 col-xs-12
，并为父级设置所需的悬停背景颜色

这是否实现了您试图实现的目标

还有另一个问题，请将提琴的大小减小到智能手机或小标签的大小，然后悬停。我已经对你的答案投了赞成票。请解释一下你做了什么，我做错了什么。Bootstrap已经包含了一个clearfix，只需使用我推荐的阅读浮子和浮子容器就可以了解发生了什么：@Pettnt OK i dint kn关于thanx Though是的，你能解释一下你做了什么吗？我做错了什么，如果你使用chrome，请将浏览器大小设置在768和958像素之间，然后将鼠标悬停在平面图上。积木有高度差。如何防止这两个是我的问题悬停在这上面，这将表明存在高度差l将
.products\u Container
的父元素更改为一类
.products\u Container\u wrapper
，然后将所有
更改为.products\u Container:hover.products\u Feature.products\u Container:hover
CSS声明。
.products_Container:before,
.products_Container:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.products_Container:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.products_Container {
    *zoom: 1;
}

<h2>Regular <br>Plan</h2>