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

玩转Bootstrap(JS插件篇)

好玩好玩真好玩,没人评论啊我来凑个数
$(function(){
$(".btn").click(function(){
$("#themodal").modal();
});
});
<button class="btn btn-primary" data-toggle="modal" data-target="#mymodal-data" data-backdrop="static" data-keyboard="false" type="button">通过data-target触发</button>
没人说话了,我来刷一波
<div class="modal fade #mymodal-data" id="mymodal-data" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 在class中加fade #mymodal-data 上面的id值
<button class="btn btn-primary" type="button" data-toggle="modal" data-target="#mymodal-data" class="btn btn-primary">通过data-target触发</button> 注意这里的data-target="#mymodal-data"取的元素和下面的id中的值相同
<a class="btn btn-primary" data-toggle="modal" href="#mymodal-link">通过链接href属性触发</a>注意这里href中的#写的是下面div的id
<div class="modal-dialog modal-sm">在这后面加上modal-sm
要固定导航条或overflow才能看到效果吧!要不然在看到效果之前就被滚下去遮掉了!
style.css在哪里
额,不好意思,发错地方了,忽略我
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消