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

玩转Bootstrap(JS插件篇)

没有效果的童鞋,底部试试改为这两个
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
必须得使用单独导入,不然没反应
data-offset-top 是滚动条滚动 多少距离的意思 而 给 affix 设置top style=“top:80px” 的意思就是当滚动条 滚动到一定距离时候 nav框开始固定定位,此时 固定定位距离顶部距离 80px
没反应是因为需要JS 驱动。和前面的一样
<script>
$('.carousel').carousel()
</script>
加这个就会动了。 不过秒数有点慢。
<script>
$(function(){
$('[data-toggle="popover"]').popover();
$('#myPopover').popover({
title:"我是天下第N帅",
content:"my name is SHERLOCK",
placement:"right"
});

});
</script>
用逗号,隔开参数 不是;大逗号。记住
这章真没搞定。 好乱的代码对新手来说
data-backdrop="static"

data-keyboard="false"
这二个贼好用。用户体验值+10000分
这个图片不居中,可以在外层设置一个div.container包裹 ,bootstrap为.container的盒子设置了居中效果(15px的左右内边距,margin:auto),为了防止图片失真,还可以根据图片的大小给.container盒子设定一个width
要有弹出模态框,, 在button里加上 data-toggle="modal" data-target="#mymodal"
把你们的CDN换下就好了
queue是队列,执行完后,需要手动删除此队列
data-delay="500"
改为:<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消