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类

以上是代码在chrome中正常工作但在firefox浏览器中，用户名文本区域向右移动，但在chrome中它与密码文本区域对齐。如果我删除class='col-md-12'，那么我也在firefox中正常工作，为什么会这样？

Answer 1

尝试将style="color:orange;"转换为<p>代码。

它适用于我，希望这可以解决您的问题。

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