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

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
特别感谢哦,这个视频好,几个小时,快速带领入门,节约时间,深入看官网文档
一些英语的发音最好事先查一下,发音太糟糕了。
Bootstrap 4:
<div class="card">
<div class="card-header">...</div>
<div class="card-body">...</div>
<div class="card-footer">...</div>
</div>
bg-success:成功(绿色)
bg-info:信息(浅蓝色)
bg-warning:警告(黄色)
bg-danger:危险(红色)
Bootstrap 4:
bg-success:成功(绿色)
bg-info:信息(浅蓝色)
bg-warning:警告(黄色)
bg-danger:危险(红色)
Bootstrap 4:
<ul class="pagination">
<li class="page-item">
<a href="..." class="page-link">&laquo;</a>
</li>
<li class="page-item active">
<a href="..." class="page-link">...</a>
</li>
<li class="page-item">
<a href="..." class="page-link">&raquo;</a>
</li>
</ul>
Bootstrap 4:
<ul class="nav">
<li class="nav-item">
<a href="..." class="nav-link active">...</a>
</li>
<li class="nav-item">
<a href="..." class="nav-link">...</a>
</li>
</ul>
nav-justified:项目等宽
flex-column:项目垂直
Bootstrap 4:
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">...</span>
</div>
<input type="text" class="form-control" />
</div>
Bootstrap 4:
<div class="dropdown btn-group">
<button class="dropdown-toggle btn" data-toggle="dropdown">...</button>
<div class="dropdown-menu">
<a href="..." class="dropdown-item">...</a>
<div class="dropdown-divider"></div>
<a href="..." class="dropdown-item">...</a>
</div>
</div>
Bootstrap 4:
col-sm-*:在小号屏幕上指定宽度
col-md-*:在中号屏幕上指定宽度
col-lg-*:在大号屏幕上指定宽度
col-xl-*:在特大号屏幕上指定宽度
offset-sm-*:在小号屏幕上偏移
offset-md-*:在中号屏幕上偏移
offset-lg-*:在大号屏幕上偏移
offset-xl-*:在特大号屏幕上偏移
Bootstrap 4:
rounded:圆角
rounded-circle:椭圆形
Bootstrap 4:
form-control-sm:小号
form-control-lg:大号
is-valid:有效(绿色边框)
is-invalid:无效(红色边框)
Bootstrap 4:
table-sm:小号
table-success:成功(绿色)
table-info:信息(浅蓝色)
table-warning:警告(黄色)
table-danger:危险(红色)
table-active:活跃(灰色)
66666
首页上一页1234567下一页尾页
课程须知
本教程适合具有一定前端基础的人员,对HTML、CSS、JavaScript有一定的了解。
老师告诉你能学到什么?
(1)如何快速搭建网页 (2)如何使用组件开发 (3)使用bootstrap插件实现网页的开发

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消