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

玩转Bootstrap(基础)

已采纳回答 / dazajun
自己的js代码要放在引入的2个js文件后面
css文件亮了……
认真学习a
人帅写一遍就忘了
操作成功那个就是关不掉...
妈蛋,你们预览的iframe是有bug的!老是显示不对
btn-lg 大型按钮
btn-sm 小型按钮
btn-xs 超小型按钮

已采纳回答 / 新一代英雄
单选是指在同一个组中选择一个,要确定是不是同一组,就要设置name。相同的name就表示同一组,如果name不一样或者去掉,就是多个组。多个组,每个组都有单选,所有看起来是多选了。
btn基础按钮
btn btn-default默认按钮
btn btn-primary主要按钮
btn btn-success成功按钮
btn btn-info信息按钮
btn btn-warning警告按钮
btn btn-danger危险按钮
btn btn-link链接按钮
一般制作按钮除了使用<button>标签元素之外,还可以使用<input type="submit">和<a>标签等。同样,在Bootstrap框架中制作按钮时,除了刚才所说的这些标签元素之外,还可以使用在其他的标签元素上,唯一需要注意的是,要在制作按钮的标签元素上添加类名“btn”。如果不添加是不会有任何按钮效果。
Bootstrap框架首先通过基础类名“.btn”定义了一个基础的按钮风格,然后通过“.btn-default”定义了一个默认的按钮风格。默认按钮的风格就是在基础按钮的风格的基础上修改了按钮的背景颜色、边框颜色和文本颜色。
Bootstrap框架V3.x版本的基本按钮和V2.x版本的基本按钮一样,都是通过类名“btn”来实现。不同的是在V3.x版本要简约很多,去除了V2.x版本中的大量的CSS3中的部分特效,比如说文本阴影(text-shadow)、渐变背景(background-image)、边框阴影(box-shadow)等。
Bootstrap框架的按钮也是一个独立部分,我们同样在不同的版本之中能找到对应的代码:
LESS版本:查看源文件buttons.less
Sass版本:查看源文件_buttons.scss
已编译版本:查看源文件bootstrap.css文件第1992行~第2353行
1、.has-warning:警告状态(黄色)
2、.has-error:错误状态(红色)
3、.has-success:成功状态(绿色)
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消