工具/材料

Sublime Text

  • 01首先用Sublime Text工具新建HTML5页面,导入bootstrap的样式文件和脚本文件,如下图所示 如何用Bootstrap制作输入框组优质
  • 02然后我们调用input-group样式来让输入框组中的元素在同一行,如下图所示 如何用Bootstrap制作输入框组优质
  • 03当然input-group-addon不只可以放在输入框的前面,也可以放在输入框的后面,如下图所示 如何用Bootstrap制作输入框组优质
  • 04也可以通过input-group-lg样式让输入框组中的元素变大,还有其他的一些控制大小的样式你可以查一下API 如何用Bootstrap制作输入框组优质
  • 05接下来你也可以在input前面加入复选框,如下图所示,将复选框放在input-group-addon里即可 如何用Bootstrap制作输入框组优质
  • 06还可以在输入框组中定义button按钮,如下图所示,按钮可以通过btn-default,btn-primary等来定义样式 如何用Bootstrap制作输入框组优质
  • 07最后也可以在输入框的前面加入下拉菜单,这种也是比较常用的功能,如下图所示 如何用Bootstrap制作输入框组优质
声明:
本站部分内容转载于互联网,转载文章是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请与本网联系(runpll@foxmail.com),我们将及时更正、删除,谢谢。