玩转Bootstrap（JS插件篇）_技术问答

首页免费课玩转Bootstrap（JS插件篇）问答

玩转Bootstrap（JS插件篇）

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46635
免费课程
                                
Sass入门篇
中级·104422
免费课程
                                
玩转Bootstrap（基础）
初级·314545
免费课程
                                
十天精通CSS3
初级·242678
免费课程
                                
                难度中级
            
                时长 6小时25分
            
                学习人数
            
综合评分9.17
                            138人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.0
                                简洁易懂
                            
                                9.0
                                逻辑清晰

全部评论问答未解决精华

小学生编程

这是把基础里面的js插件全部给拎出来,又搞了一遍的节奏吧

2 2-1 下拉菜单（Dropdown）

2016-09-17

葡萄3

几次都发现。。。在教材说明里面提供的js地址没有用。。。导入进去完成不了效果。。要在代码演示的下面哪里的js才有用。。

0 5-14 固定定位（Affix）

2016-09-17

葡萄3

应对拉伸整个页面，给父元素包裹div加一个width就行了，

0 5-11 图片轮播--声明式触轮播图的播放（一）

2016-09-17

葡萄3

会拉伸到整个页面宽度· · · · · ·

0 5-11 图片轮播--声明式触轮播图的播放（一）

2016-09-17

葡萄3

越到后面人好少哦

3 5-10 图片轮播--轮播图片的设计（三）

2016-09-17

葡萄3

·····恩，没反应······

0 5-9 图片轮播--轮播图片的设计（二）

2016-09-17

葡萄3

经过几次练习· 虽然可以完成轮播，但是有很多不足· 1.如果加了下面两个prev next 的a标签的话，左a会变得很小很小，在图片下方，右a会有一段灰色的重影把图片拉伸到页面宽度。· 把2个a标签去掉效果还好些，不会拉伸，看教材的图就可以看到，右边有一段灰色的。还有就是一定要导入carousel.js。再者。就是注意图片的宽度，屏幕分辨率大的话，轮播图片的时候，图片会从页面最右边消失。

3 5-6 图片轮播（Carousel）

2016-09-17

qq_守护天使_1

我去，折腾了半天没效果，还是得看评论区。加上<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

0 2-9 滚动监控器--JavaScript方法触发滚动监控器

2016-09-16

葡萄3

这个是重点~！

0 5-6 图片轮播（Carousel）

2016-09-16

葡萄3

这个好看· · ·

0 5-1 手风琴（Collapse）

2016-09-16

葡萄3

试了几次，button.js插件不能少。 <button id="mybutton" class="btn btn-primary" data-loading-text="正在加载" type="button">点击</button> js : jq，bootstrap.js, button.js 才能出效果。。

1 4-6 按钮插件--按钮加载状态

2016-09-16

葡萄3

data-dismiss="alert" 不能少。。<button class="btn btn-danger" id="close" data-dismiss="alert" type="button">关闭</button>
js: $(function(){
$('#close').on("click",function(){
$(this).alert("close")
})})

1 4-4 警告框--JavaScript触发警告框

2016-09-16

葡萄3

data-toggle; data-placement; data-original-title; data-content; data-container; data-delay; data-animation;

0 3-16 弹出框--提示框和弹出框的异同

2016-09-16

葡萄3

用提示窗口的data-trigger="click" 效果差不多呀·

0 3-12 弹出框（Popover）

2016-09-16

葡萄3

data-toggle="tooltip" data-placement="top/left/right/bottom" data-original-title="......"

0 3-8 提示框--结构

2016-09-16

首页上一页 30 31 32 33 34 35 36 下一页尾页

开始学习

课程须知: 本课程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。

老师告诉你能学到什么？: 1、使用JS自由控制Bootstrap中提供的组件。

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（JS插件篇）