【问题标题】:class='col-md-12' is not working correctly in firefox but working in chrome?class='col-md-12' 在 Firefox 中不能正常工作,但在 chrome 中工作?
【发布时间】:2015-10-02 18:31:02
【问题描述】:

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

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

注意:class='col-md-12' 是引导类

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

【问题讨论】:

  • 也许添加一些预期/意外的屏幕截图,以及相关的 CSS! :)
  • @Luke, class='col-md-12' id 引导类
  • .col-* 类需要直接嵌套在.row 中。无论如何,它在这里毫无用处。只需将其删除并将style 移动到.form-group

标签: javascript css twitter-bootstrap firefox


【解决方案1】:

尝试将style="color:orange;" 转换为&lt;p&gt; 标签。

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

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

【讨论】:

    猜你喜欢
    • 2019-03-11
    • 1970-01-01
    • 2016-07-13
    • 1970-01-01
    • 1970-01-01
    • 2020-01-27
    • 1970-01-01
    • 2019-09-11
    • 2016-10-06
    相关资源
    最近更新 更多