bootstrap的表单form

 (1)默认表单

      <form>

       <div class="form-group">

         <label class="control-label" for=""></label>

         <input class="form-control">

         <span class="help-block"></span>

       </div>

      </form>

    (2)行内表单

      <form class="form-inline">

       <div class="form-group">

         <label class="sr-only"></label>

         <input class="form-control">

       </div>

      </form>

(3)水平表单

     水平表单=表单+栅格系统(变种)

 <form class=" form-horizontal ">

       <div class="form-group">

         <div class="col-*-*">

           <label class="sr-only"></label>

         </div>

         <div class="col-*-*">

           <input class="form-control">

         </div>

      </div>

    </form>

猜你喜欢

转载自www.cnblogs.com/shuen/p/8980496.html