bootstrap学习笔记6

happyzhangyin 2013-11-11

表单元素实现用户与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>元素以确保跨浏览器的一致性样式。

相关推荐