BootStrap个人笔记

①form-control作用：

美化了一下，宽度占据整个屏幕，具体描述如下：

表单控件加上类form-control后，效果为：

• 宽度为100%

• 设置边框为浅灰色

• 控件具有4px的圆角

• 设置阴影效果，元素得到焦点时，阴影和边框效果会发生变化

• 设置placeholder的颜色为#999

• 所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。

②control-label 作用：

control-label的文本采用右对齐方式，在右边有输入框的情况下. label的文字向右靠，其他的作用暂时没发现

form-group的作用就是使元素之间有间距，具体是设置了margin-bottom属性，一般form的子元素一定要加上

此外，附上简单的登录界面：

 

代码：