引导HTML回车

在隔离问题一小时后，我可以发布以下内容：）

我对本地文件有问题，但不是在生产中。唯一的区别是，在生产环境中，html文件是内联的

我使用默认引导3.3.5和这个css类：

<style>
    .v-center {
        display: inline-block;
        float: none;
    }
</style>

v中心{
显示：内联块；
浮动：无；
}

我的问题是，这两个代码的结果并不相同：

代码1：

<div class="row">
    <div class="col-md-4 v-center">
        col-md-4
    </div><div class="col-md-8 v-center">
        col-md-8
    </div>
</div>

col-md-4
col-md-8

代码2：

<div class="row">
    <div class="col-md-4 v-center">
        col-md-4
    </div>
    <div class="col-md-8 v-center">
        col-md-8
    </div>
</div>

col-md-4
col-md-8

您可以在这里找到两个示例：

当窗口>990px时发生错误

为什么马车返回时会打破门柱

---

谢谢

问题在于你的CSS类“v-center”。它将显示设置为

内联块

。使用

内联块

时，空格开始起作用（无论如何，至少是空格的第一个字符）。正如你所料：

Just
Testing

要呈现为

仅测试

而不是

仅测试

，这同样适用于内联或内联块元素

长话短说，如果希望得到一致的结果，就不要弄乱引导网格。如果需要应用其他类，请在grid div中应用，而不是在同一个div上。例如：

<div class="col-md-8"> <!-- this is grid div, so no other classes here -->
    <div class="v-center">
        ...
    </div>
</div>

...

我建议您阅读以下文章：