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

玩转Bootstrap(基础)

.dropdown-menu{animation:1s linear imooc;}

@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
可以给你的下拉菜单添加动画效果,慕友们,让我们一起进步,谢谢支持
亲爱的慕友们,可以再给你的下拉菜单添加动画效果,效果会更好些:
//给下拉菜单添加动画效果
.dropdown-menu{animation:1s linear imooc;}
//控制动画范围
@keyframes imooc{
0%{opacity:0;transform:rotateY(0);}
100%{opacity:1;transform:rotateY(-20px);}
}
horizontal:水平线的
下一站,js,jquery,不然第八章最后的没法懂。
怎么改成sm还是没效果
哇,这节讲的我是真的难受,说都不说清楚。上下两个样式不一样,第一个导航条没对齐,是<li>里面套<a class = "navbar-text"></a>的锅,"navbar-text"和 li>a 的样式可能有冲突。
解决方法:去掉<li>标签,或者去掉<a>标签里面的"navbar-text"类,其实这个类我感觉也用不到
<script>
$(function(){
$('.btn-primary').on('click',function(){
$('#themodal').modal('toggle');
});
});
</script>
谁让你记了?
已经是button标签为什么还要加上type="button"?
<ol>
<li>有序列表一</li>
<li>有序列表二</li>
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二</li>
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二</li>
<ol class="list-unstyled">
<li>有序四级项目列表一</li>
<li>有序四级项目列表二</li>
</ol>
<li>无序三级项目列表三</li>
</ul>
<li>有序二级项目列表三</li>
</ol>
<li>有序列表三</li>
</ol>
感觉bootstrap主要就是过一遍 会用就行 用的时候直接查文档。
看到各位同学那么牛逼 ,有一个月就学到这的 甚至有一个小时就学到这,说实话我学了半年,当然我边上班边学,学好准备转行,自己还有很多不足 加油!!
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消