Css 引导中的列定位中断

一幅画抵得上千言万语，所以

结构：

<div class="row">
    <div class="col-lg-2 col-md-3 col-sm-4 text-center column-fix">
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="image">
                    <img src.... />
                </div>
            </div>
            <div class="row-fluid">
                <div class="category-link">
                    <a href...></a>
                </div>
            </div>
        </div>
    </div>

    ...

</div>

这是我通过修复得到的输出：

---

有没有一个好的解决方案可以覆盖所有宽度的所有列，而不为每个元素设置自定义类？我希望引导col-*类的行为类似于内联块而不是浮点数。

您能否更详细地解释一下问题所在，以及您不希望它做什么？我不确定你想达到什么目的。我用另一个截图更新了我的问题。

.column-fix {
    float: none !important; 
    display: inline-block !important; 
    margin: 0 -0.125em !important; 
    vertical-align:top;
}