Bootstrap实现基本的输入框组实例

这篇文章主要讲解了“Bootstrap实现基本的输入框组实例”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Bootstrap实现基本的输入框组实例”吧!

专注于为中小企业提供成都做网站、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业共和免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了数千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。


通过向输入域添加前缀和后缀的内容,可以向用户输入添加公共的元素。例如,可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的其他公共的元素。

向 .form-control 添加前缀或后缀元素的步骤如下:

  • 把前缀或后缀元素放在一个带有 class .input-group 的

    中。

  • 接着,在相同的

    内,在 class 为 .input-group-addon 的 内放置额外的内容。

  • 把该 放置在 元素的前面或者后面。

为了保持跨浏览器的兼容性,请避免使用