如何用Bootstrap制作输入框组
工具/材料
崇高的文本
操作方法 01
首先用Sublime Text工具新建一个HTML5页面，导入bootstrap样式文件和脚本文件，如下图所示。
02
然后我们调用input-group样式使输入框组中的元素在同一行，如下图所示。
03
当然，input-group-addon不仅可以放在输入框的前面，也可以放在后面，如下图所示。
04
你也可以通过input-group-lg样式让输入框组中的元素变大，还有其他样式控制大小。可以查一下API。
05
接下来，你还可以在input前面添加一个复选框，如下图所示，把复选框放在input-group-addon中。
06
也可以在输入框组中定义按钮按钮，如下图所示。按钮的样式可以由btn-default、btn-primary等定义。
07
最后可以在输入框前添加下拉菜单，这也是一个常用的功能，如下图所示。
