Bootstrap 输入组：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </head> <body style="margin:50px 0"> <div class="container"> <input type="text" class="form-control"> <div class="input-group"> <span class="input-group-addon">$</span> <input type="text" class="form-control"> <span class="input-group-addon">.00</span> </div> <div class="input-group input-group-lg"> <span class="input-group-addon"> <input type="checkbox"> </span> <input type="text" class="form-control"> </div> <div class="input-group"> <span class="input-group-addon"> <input type="checkbox"> </span> <input type="text" class="form-control"> </div> <div class="input-group input-group-sm"> <span class="input-group-addon"> <input type="checkbox"> </span> <input type="text" class="form-control"> </div> <div class="input-group"> <input type="text" class="form-control"> <div class="input-group-btn"> <button type="button" class="btn btn-default">btn</button> </div> </div> <div class="row"> <div class="col-xs-2"> <input type="text" class="form-control input-lg"> </div> <div class="col-xs-2"> <input type="text" class="form-control"> </div> <div class="col-xs-2"> <input type="text" class="form-control input-sm"> </div> </div> </div> </body> </html>
原文：http://www.cnblogs.com/stono/p/4887352.html