class='col-md-12' 在 Firefox 中无法正常工作，但在 Chrome 中工作？

Question

我设计了登录表单，如果用户名和密码不匹配，那么我就给上面的错误登录表单。对于错误，我使用以下代码。

<div class="form-group">
    <div class='col-md-12' style="color:orange;" >
         <p> {{error statement}} </p>
    </div>
</div>

注:class='col-md-12'是bootstrap class

上面的代码在chrome中正常工作，但在firefox浏览器中，用户名文本区域在正确的方向上移动，但在chrome中它与密码文本区域对齐。如果我删除class='col-md-12'然后我也在firefox中正常工作，为什么会发生这种情况?

Answer 1

尝试将style="color:orange;"移至<p>标签

这对我来说很好，希望这能解决你的问题。

Col-md-*可能从框架中继承了与您应用的样式冲突的css。