如何用Bootstrap制作输入框组
工具/材料 崇高的文本
操作方法 01 首先 ， 用崇高文本工具创建一个新的HTML5页面 ， 导入引导样式文件和脚本文件 ， 如下图所示 。
02 然后我们调用输入组样式 ， 这样输入框组中的元素就在同一行 ， 如下图所示 。
03 当然 ， input-group-addon不仅可以放在输入框前面 ， 还可以放在输入框后面 ， 如下图所示 。
04 也可以使用input-group-lg样式使输入框组中的元素变大 ， 还有其他样式可以控制大小 。可以查一下API 。
05 接下来 ， 还可以在input前面添加一个复选框 ， 如下图所示 ， 将复选框放在input-group-addon中 。
06 也可以在输入框组中定义按钮按钮 ， 如下图所示 ， 按钮可以由btn-default、btn-primary等定义 。
07 【如何用Bootstrap制作输入框组】最后 ， 还可以在输入框前添加下拉菜单 ， 这也是常用的功能 ， 如下图所示 。
推荐阅读
- 如何折一个立体感的五角星
- 夜跑如何才能减肥
- 如何用HTML5存储用户输入的信息
- 如何轻松通过国家计算机二级考试
- 男人说“我想你”时，女人该如何回复，聪明女人是这样做的
- 霍建华|七仔说八卦：陈哲远 宋祖儿 郑业成 张丹峰 宋威龙 霍建华 林心如 都美竹
- 杨紫|杨紫的情商有多高？杨天真：如果艺人都学杨紫，经纪人都要失业了
- 李健仁|入行20年专当“垃圾桶”，如今瘫痪失语靠救济生活？
- 短发|工作优秀，如何锦上添花？注意这几点细节，老板一定会更喜欢你
- 方琼|主持人方琼：闪婚嫁大8岁副台长，如今事业爱情双丰收，生活幸福