2014年12月16日22:55:24
我在做一個ssh的案例的時候，想做一個新增用戶的模態框。我用bower下載的bootstrap應該是最新的3.31版本來的，在官網copy了一段模態框效果的原生code,然後在modal-body裏面添加如圖(1)代碼，發現的效果如圖(1),行與行之間的input是沒有間距，本來想在tr處添加style="margin-top:10px;"，但是不起效果。後來在bootstrap的中文官網看了一下一些實用的案例，但是都沒有找到。然後就嘗試通過翻牆去bootstrap的英文官網看了一下，雖然行與行之間有了一定的間距，但是每一個Input的寬度都是佔滿整行，看起來非常不舒服(如圖效果（2）)。但是我修改之後，效果感覺還不錯，如效果圖（3），我簡單說一下我修改的東西(如圖（2）)：
1、去掉每個input的class="form-control"這個類
2、通過全局控制樣式給每個input添加width:250px,height:30px; line-height:30px
(寬高根據具體設置即可)
我覺真的學習了，分享給大家，希望對大家有幫助！！！
