Bootstrap（十一）：组件--输入框组

1.基本用法

将<span> 、<input>用样式为 .input-group 的 <div> 包裹，;

<span>的样式为 .input-group-addon ;

当<span> 存放的是<button>时，样式为 .input-group-btn ;

<div class="input-group">
  <span class="input-group-addon" id="sizing-addon1">前  </span>
  <input type="text" class="form-control" placeholder="标签">
</div>

<br>

<div class="input-group">
  <span class="input-group-btn">
      <button class="btn btn-default" type="button">Go!</button>
  </span>
  <input type="text" class="form-control" placeholder="按钮">
</div>

<br>

<div class="input-group">
  <span class="input-group-addon">
      <input type="checkbox" >
  </span>
  <input type="text" class="form-control" placeholder="选框">
</div>