bootstrap-inputTextGroup

"bootstrap-inputTextGroup"

Posted by Waterfox on September 6, 2017

inputTextGroup 为input的前缀和后缀添加任意元素

<div class="input-group">
            <span class="input-group-addon">@</span>
            <input type="text" class="form-control" placeholder="twitterhandle">
        </div>
Input标签添加文本说明或者图标的时候,不需要考虑样式和间距,直接使用<div class="input-group">包裹就可以成为一行了。同时这个元素使用 <span class="input-group-addon">进行包裹,如果是button那么需要用.input-group-btn来包裹

inputTextGroup 调整一整行的大小

 .input-group-lg
 .input-group-sm

为inputText添加复选框和单选框 。

使用<span class="input-group-addon"进行渲染 ```

![](http://www.runoob.com/wp-content/uploads/2014/06/inputgrpradiochkbox_demo.jpg)

## 为inputText添加button
	使用.input-group-btn进行渲染


![](http://www.runoob.com/wp-content/uploads/2014/06/Inputgrpbuttonaddons_demo.jpg)

## 为inputText添加dropdown下拉菜单
	 .input-group-btn进行渲染

```