为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 玩转Bootstrap（JS插件篇） 问答

玩转Bootstrap（JS插件篇）

大漠 Web前端工程师
查看讲师更多课程 大漠讲师的其他课程
难度中级
时长 6小时25分
学习人数
综合评分9.17
138人评价 查看评价
9.5 内容实用
9.0 简洁易懂
9.0 逻辑清晰
全部 评论 问答 未解决 精华
疯狂的小白
方法一：模态弹出窗声明，只需要自定义两个必要的属性：data-toggle和data-target（bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss=""）。
方法二：触发模态弹出窗也可以是一个链接<a>元素，那么可以使用链接元素自带的href属性替代data-target属性。
0 1-7 模态弹出框--触发模态弹出窗2种方法
2016-08-25
疯狂的小白
因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。
1 1-1 导入JavaScript插件
2016-08-25
qq_任重道远_1
滚动条的位置和导航项对应的不准确！
0 2-6 滚动监控器--滚动监控器的设计
2016-08-23
ZhangFeiYu
测试过是title的优先级高于data-original-title
0 3-8 提示框--结构
2016-08-22
流年恰似繁花
第一章和和基础篇重了
0
2016-08-22
采药超人
大家参考这个官网的示例：
http://v3.bootcss.com/javascript/#buttons

大家把包裹button的<div class="btn-group" data-toggle="button">去掉，会有效果，but颜色还是不明显
2 4-9 按钮插件--按钮状态切换
2016-08-21
采药超人
tooltip也可以通过设置data-html属性，实现data-popover效果（需要设置tooltip在什么情况下显示）
还有，这例子大家就不要深究了，毕竟老师是搬用工，有时还搬错，遇到疑惑，直接到官网看看吧，官网也是中文的
2 3-16 弹出框--提示框和弹出框的异同
2016-08-21
我是小子阿亮
官方文档指出，使用js触发时，data-toggle="dropdown" 仍需要，不能去掉，在这里加上就正常了。
0 2-4 下拉菜单--JavaScript触发方法
2016-08-17
zero沐白
才class里面添加 fade样式
0 1-8 模态弹出框--为弹出框增加过度动画效果
2016-08-17
zero沐白
在出发模态弹出窗元素里面添加 data-toggle="" data-target=""
0 1-7 模态弹出框--触发模态弹出窗2种方法
2016-08-17
zero沐白
睡了好几觉了。。
0 1-7 模态弹出框--触发模态弹出窗2种方法
2016-08-17
QwhateverA
点击标题回到顶部解决：组织链接的默认时间
<script>
$(function(){
$(".panel-title a").click(function(e){
e.preventDefault();
});
});
</script>
3 5-5 手风琴--声明式触发手风琴（三）
2016-08-17
馨馨520
看不懂啊。。。
0 6-1 自定义Bootstrap
2016-08-16
dotoo
6小时25分 的视频在哪哇？？怎么都是练习题么？
0
2016-08-14
平凡的世界88
<button type="button"
class="btn btn-default"
data-toggle="popover"
title="提示框居左"
data-content="我是弹出框的内容"
data-trigger="hover"
data-delay="100"
>
猛击我吧
</button>
0 3-15 弹出框--自定义结构属性
2016-08-11
首页上一页25262728293031下一页尾页
开始学习
课程须知
本课程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么？
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码，参与3人拼团

微信客服

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

 帮助反馈 APP下载

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

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消