bootstrap学习笔记6

表单元素实现用户与WEB服务器交互的功能，是动态WEB技术的重要要素之一。表单接收用户的信息，并把信息提交给服务器，然后由服务器端的应用程序处理信息，把处理结果返给用户并向用户显示。Bootstrap对这个重要的HTML标签提供了一些修饰类。将label和<input>，<textarea>，<select>这些控件包裹在.form-group中可以获得最好的排列。有时，我们想要表单水平排列。这时可以通过为表单添加.form-horizontal，并使用Bootstrap预置的栅格class可以将label和控件组水平并排布局。这样做将改变.form-group的行为，使其表现为栅格系统中的行（row），因此就无需再使用.row了。Bootstrap中还提供了改变表单输入框大小的样式类通过.input-lg之类的class可以为控件设置高度，通过.col-lg-*之类的class可以为控件设置宽度。按钮也是我们在网页上非常常见的一个元素，在bootstrap中通过btn-default, btn-primary,btn-success,btn-info,btn-warning,btn-danger,btn-link（修饰类）等类就可以创建一个按钮，不过在使用button还需加btn（基类）。按钮的大小可以通过.btn-lg、.btn-sm、.btn-xs来修改。在使用按钮时有一个建议，尽可能使用<button>元素以确保跨浏览器的一致性样式。