代碼如下:
<div class="container"> <div class="row"><!-- <form action="#" class="form-inline">--> <form action="#" class="form-horizontal"> <div class="form-group"><!--在有form-inline屬性時可以省略掉。--> <label for="userName" class="col-lg-1 control-label">用戶名:</label> <div class="col-lg-6"> <input type="text" id="userName" class="form-control"/> </div> </div> <div class="form-group-lg"><!--form-group后再加上lg,可以改變文本框的高度--> <label for="passWord" class="col-lg-1 control-label">密 碼:</label> <div class="col-lg-6"> <input type="text" id="password" class="form-control"/> </div> </div> <div class="form-group"> <div class="col-lg-6 col-lg-offset-1"> <div class="checkbox"> <label class="checkbox-inline"><input type="checkbox"/>記住名字</label> <label class="checkbox-inline"><input type="checkbox"/>記住密碼</label> <label class="checkbox-inline"><input type="checkbox"/>自動登錄</label> </div> <div class="radio"> <label><input type="radio"/>自動登錄</label> </div> </div> </div> <div class="form-group"> <div class="col-lg-1 col-lg-offset-1"> <input type="button" value="登錄" class="btn"/> </div> </div> </form> </div> </div>新聞熱點
疑難解答