Bootstrap基本组件学习笔记之input输入框组(9)

使用input输入框组，可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。

看下面的例子：

 
 
 
 
 
 



 
 
 
 样式1
 
 
 
 
 搜索
 
 
 
 样式2
 
 
 
 
 
  
  下拉菜单
  
  
  

  
菜单1
  
菜单2
  

  
菜单3
  
菜单4
  
 
 
 
 
 

效果如下：

如果和input配合使用的按钮是不可单击的，只是用于文字的说明，修改如下：

 
 用来搜索

效果如下：

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

Bootstrap学习教程

Bootstrap实战教程

Bootstrap插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。