Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
学习要点:
1.表单 2.图片
本节课我们主要学习一下 Bootstrap 表单和图片功能,通过内置的 CSS 定义,显示各种丰富的效果。
一.表单
Bootstrap 提供了一些丰富的表单样式供开发者使用。
1.基本格式
电子邮件
邮件">
密码
注:只有正确设置了输入框的 type 类型,才能被赋予正确的样式。支持的输入框控件包括:text、password、datetime、datetime-local、date、month、time、week、number、email、url、search、tel 和 color。
2.内联表单
注:当小于 768px,会恢复独占样式
3.表单合组
增加片段
4.水平排列
邮件
邮件">
注:这里用到了 col-sm 栅格系统,后面章节会重点讲解,而 control-label 表示和父元素样式同步。
5.复选框和单选框
Box">
Box">
//设置禁用的复选框
Box disabled">
//设置内联一行显示的复选框
//设置单选框
dio disabled">