boostrap 类的使用 form-control

2019独角兽企业重金招聘Python工程师标准>>>

当然表单除了这几个元素之外，还有input、select、textarea等元素，在Bootstrap框架中，通过定制了一个类名form-control，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。

1、宽度变成了100%

2、设置了一个浅灰色（#ccc）的边框

3、具有4px的圆角

4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化

5、设置了placeholder的颜色为#999

比如： <input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址">

同时 form-control 还可以加上 焦点的效果：即 （鼠标单击输入框，使其获得焦点就可以看到加入蓝色边框效果） 要让控件在焦点状态下有上面样式效果，需要给控件添加类名“form-control”

转载于:https://my.oschina.net/u/2419285/blog/832953