Bootstrap实现基本的输入框组实例-创新互联

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

成都创新互联公司专注于中大型企业的成都网站制作、成都网站设计和网站改版、网站营销服务，追求商业策划与数据分析、创意艺术与技术开发的融合，累计客户千余家，服务满意度达97%。帮助广大客户顺利对接上互联网浪潮，准确优选出符合自己需要的互联网运用，我们将一直专注成都品牌网站建设和互联网程序开发，在前进的路上，与客户一起成长！


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

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

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

    中。

  • 接着，在相同的

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

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

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