【问题标题】:Show help-block after input box in Twitter Bootstrap在 Twitter Bootstrap 输入框后显示帮助块
【发布时间】:2014-07-24 00:01:45
【问题描述】:

我正在使用 Twitter BootstrapjqBootstrapValidation 插件来验证表单输入数据。

当用户在<input type="email" name="email" required/>输入框内输入不输入数据并尝试提交表单;消息“这是必填字段”。出现在输入框下方。如何使该消息显示在输入框之后(不在下一行)。

【问题讨论】:

    标签: twitter-bootstrap


    【解决方案1】:

    确保错误所在的容器(在本例中为p.help-block)是display: inlinefloat: right,并且在输入后也有足够的空间,如果没有,则无法正常工作。

    请注意,这也有一些副作用,例如,如果您在输入后有某种帮助文本,此更改也会将它们移动到输入旁边。

    【讨论】:

      【解决方案2】:

      为了让它工作,我还必须将输入本身设置为“显示:内联”,因为“表单控制”类的输入似乎默认使用“显示:块”。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-07-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-08-04
        相关资源
        最近更新 更多