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

玩转Bootstrap(基础)

☑ .table:基础表格
☑ .table-striped:斑马线表格
☑ .table-bordered:带边框的表格
☑ .table-hover:鼠标悬停高亮的表格
☑ .table-condensed:紧凑型表格
☑ .table-responsive:响应式表格
.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。
谁没事吃饱了修改12变成24
不需要强制href
bootstrap利用了HTML5 验证 <input>里面加了required 和patterns
在基础表格<table class="table">的基础上添加".table-bordered"类名。中间用空格间隔开
<a href="#" class="btn btn-default">a标签按钮</a>
没看懂,mark一下,看一下会不会用先,,,
<h1>孤儿院无私奉献30年 <small>一曲人性的赞歌</small></h1>
在bootstrap中为了让非标题元素和标题使用相同的样式,还特意定义了.h1~.h6六个类名。
1.data-toggle:必须设置为 modal,用来控制模态窗的显示;

2.data-target:用于指定具体要触发的模态窗是哪一个;

3.data-backdrop:点击背景是否可以关闭模态窗;true, static

4.data-keyboard:按下ESC键,是否可以关闭模态窗。true ,false
Bootstrap框架的模态弹出框,分别运用了 model、model-dialog、model-content,而弹出框真正的内容都放在 model-content中(model-header、model-body、model-footer)
每个label外部不加div默认的就是水平,有div加了radio-inline没有效果的
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
非常好的教材,一定坚持把这个学完。
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消