twitter-bootstrap – 与input-prepend / append结合使用时输入f

发布时间：2020-12-17 21:25:37 所属栏目：安全来源：网络整理

导读：我试图在Rails应用程序中使用bootstrap,我已经尝试直接包含bootstrap CSS或使用bootstrap-sass / anjlab-boostrap-rails. 在其中三个中,我面临着一个我没有理解的奇怪问题. 我有以下HTML代码： div class="input-append" input type="text" /a href="#" clas

我试图在Rails应用程序中使用bootstrap,我已经尝试直接包含bootstrap CSS或使用bootstrap-sass / anjlab-boostrap-rails.

在其中三个中,我面临着一个我没有理解的奇怪问题.

我有以下HTML代码：

<div class="input-append">
  <input type="text" /><a href="#" class="btn">?</a>
</div>

渲染是可以的,但是当我在字段中打字时,什么都没有出现.进一步研究,我发现input-prepend / append将font-size设置为0,然后文本似乎消失了.

我编写HTML代码时忘记了什么？这是对的吗？

提前致谢

解决方法

我刚刚注意到这个问题,并且能够找到原因.

.stput-append和.input-prepend的Bootstrap(版本2)css规则将字体大小设置为0以消除水平空格.然后将几个元素重置为正确的字体大小,但.btn不包含在重置中.通过将.btn添加到获得恢复字体大小的元素列表中,我能够解决问题.

注意：这不再是Bootstrap 3中的一个问题,因为新的.input-group样式依赖于浮点数而不是之前的内联块方法(使用空白黑客攻击).

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!