? ? ? ?總是聽到同行的朋友一天最晚報怨疙筹，程序開發(fā)是一個苦B又煩索的工作，每次除了代碼禁炒，還有無休止的bug而咆，看著身邊的人一個個高樓大廈住著，豪華轎車進進出出幕袱，換女朋友比換衣服還勤快暴备，自己只能坐在電腦旁，敲打著鍵盤们豌，看著冰冷的顯示器改改刪刪涯捻，每天忙到深夜。其時望迎，我想說的事障癌，無論何事，只要用心辩尊，多想想涛浙，有時換個思路，你也會發(fā)現(xiàn)摄欲，這也行轿亮！不信，咱們往下看：
? ? 一胸墙、? 下面咱們以網(wǎng)上的那些登錄 我注、注冊的表單和按鈕為例
<body>
<form action=" " method="get">
用戶名：<input type="text" name="uname"?placeholder="請輸入用戶名" id="uname"><br />
密? ? 碼：<input type="password" name="pass"? placeholder="請輸入密碼"><br />
</form>
<body>
運行程序：結(jié)果如下，
用戶名：
密? ? 碼：
? ? ? 二劳秋、為什么仓手，自己做出來的東西胖齐，就是沒別人美觀，靚麗嗽冒，報怨過來呀伙，報怨過去，又是寫樣式添坊，改代碼剿另，結(jié)果，時時如水般的流走了贬蛙，自己還在原地雨女，一動不動。事實上阳准，bootstrp為我們封裝了CSS氛堕，我們只要把別人做好的東西嵌入到代碼中去，只要兩三鐘的功夫，你就成大神了 ！
? ? ? 1稼病、首先我們?yōu)楸韱我?guī)劃一個組，讓它在橫向顯示锐想，在<form>添加類.form-group, 表示這個表單是一個組，form-inline在一行上顯示
<div class="form-group form-inline">
? ?2乍狐、在用戶名和密碼的前面添加一個<label>,為用戶名和密碼框添加兩個id名“uname”和“pass”——表示點擊文字的時候赠摇，光標在文本框內(nèi)顯示，多用在移動開發(fā)端?
<div class="form-group form-inline">
<label for="uname">用戶名:</label>
<input type="text" name="uname"?placeholder="請輸入用戶名" id="uname"><br />
<label for="pass">密 碼:</label>
<input type="password" name="pass"? ?placeholder="請輸入密碼" id="pass"><br/>
</div>
3浅蚪、運行程序藕帜，結(jié)果如下：
密 碼:
<button type="submit" value="確定" class="btn btn-primary">確定</button>
<button? type="reset" value="刷新"? class="btn btn-warning">刷新</button>
確定刷新?
5耘戚、最后結(jié)果如圖：（如果覺得不喜歡，我們還可以為兩個按鈕添加樣式：margin間距? 等操漠，在這就不做演示）
用戶名:
密 碼:確定刷新
? ? ??
