这篇文章主要为大家展示了“bootstrap输入框组有哪些用法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“bootstrap输入框组有哪些用法”这篇文章吧。
1、Bootstrap4 输入框组
我们可以使用.input-group
类来向表单输入框中添加更多的样式,如图标、文本或者按钮。使用.input-group-prepend
类可以在输入框的的前面添加文本信息, .input-group-append
类添加在输入框的后面。最后,我们还需要使用 .input-group-text
类来设置文本的样式。
2、输入框大小
使用 .input-group-sm
类来设置小的输入框,.input-group-lg
类设置大的输入框: