Bootstrap帮助块

时间:2015-02-15 13:15:46

标签: html css3 twitter-bootstrap twitter-bootstrap-3

我正在尝试使用帮助块在无效输入上显示消息,但是我不喜欢它看起来如何推动'其余的输入元素进一步向下。

两个表单输入之间有足够的空间,我希望该消息是绝对的'

说明我的意思:

以下是表单的外观:http://prntscr.com/65dojx 以下是无效输入的样子:http://prntscr.com/65dp0o

无效电子邮件的错误消息'推送'输入密码表格,看起来并不顺畅。

或者,如果有办法让它看起来更流畅,那可能会有效。

1 个答案:

答案 0 :(得分:0)

我相信这是一种正常行为,除非你绝对定位它。如果您正在寻找一种方便它出现的方式。尝试将一些过渡添加到帮助块。您可能还必须将其添加到表单容器中。

#help-block{

-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}