为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

input:text,radio,checkbox;
textarea:
select:
button:
btn——基础按钮,
btn-info——信息按钮。
制作表单验证时:
1.提供不同的提示信息,Bootstrap框架中,使用"help-block"样式,将提示信息以块状显示,并且显示在控件底部;
2.如果要在一个内行提示信息,可以使用类名".help-inline"。
help-block和help-inline
校验状态:has-success, has-error , has-warning。
has-feedback
表单控件状态:has-success, has-error, has-warning;如果要添加icon,还需要添加"has-feedback".
class="form-control has-success has-feedback"
禁用表单中的元素,只需要添加"disabled"即可;添加上class="form-control"显示效果更好
类名:
.input-sm,.input-lg
<button class="btn" value="?">****
共用同一个name,保证单一选择。。
<label class="radio-inline">
<input type="radio">
****
</label>
checkbox、radio和label的配合使用。类名:.checkbox、.radio;
<div class="checkbox">
<label>
</label>
</div>

<div class="radio">
<label>
</label>
</div>
<textarea class="form-control" rows="3"></textarea>
<form role="form">
<div class="form-group">
<select class="form-control">
<option></option>
</select>
</div>
</form>
input添加.form-control类,可以为input元素添加定制样式。
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消