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

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

玩转Bootstrap（JS插件篇）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

hen_nam

Bootstrap 4：
show：默认显示

0 3-4 选项卡--为选择卡添加fade样式

2021-01-06

hen_nam

Bootstrap 4：
<nav id="ID1" class="navbar navbar-expand-* fixed-top">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">...</a>
<div class="dropdown-menu">
<a href="#ID2" class="dropdown-item">...</a>
</div>
</li>
</ul>
</nav>

1 2-6 滚动监控器--滚动监控器的设计

2021-01-05

hen_nam

Bootstrap 4：
<a href="#ID" class="carousel-control-prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a href="#ID" class="carousel-control-next" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>

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

2021-01-04

hen_nam

Bootstrap 4：
<div class="carousel-inner">
<div class="carousel-item active">
<img src="..." />
<div class="carousel-caption">...</div>
</div>
<div class="carousel-item">
<img src="..." />
<div class="carousel-caption">...</div>
</div>
</div>

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

2021-01-04

hen_nam

Bootstrap 4：
show：默认显示

1 5-4 手风琴--声明式触发手风琴（二）

2021-01-04

hen_nam

Bootstrap 4：
<div id="ID1" class="accordion">
<div class="card">
<div class="card-header">
<a href="#ID2" class="card-link" data-toggle="collapse">...</a>
</div>
<div id="ID2" class="collapse" data-parent="#ID1">
<div class="card-body">...</div>
</div>
</div>
</div>

1 5-2 手风琴--手风琴结构

2021-01-04

hen_nam

Bootstrap 4：
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn">
<input type="radio或checkbox" />
…
</label>
<label class="btn">
<input type="radio或checkbox" />
…
</label>
</div>

1 4-7 按钮插件--模拟单选择按钮

2021-01-03

hen_nam

$("#mybutton").click(function(){
$(this).button("loading").delay(1000).queue(function(){
$(this).button("toggle").button("reset").dequeue();
});
});

0 4-10 按钮插件--JavaScript用法

2021-01-03

hen_nam

Bootstrap 4：
<div class="alert alert-dismissible">
<button class="close" data-dismiss="alert">×</button>
</div>

1 4-2 警告框--结构与样式

2021-01-01

hen_nam

Bootstrap 4：
<div class="alert alert-dismissible">
<button class="close" data-dismiss="alert">×</button>
</div>

1 4-1 警告框（Alert）

2021-01-01

hen_nam

Bootstrap 4：
<div class="dropdown">
<button class="dropdown-toggle btn" data-toggle="dropdown">...</button>
<div class="dropdown-menu">
<a href="..." class="dropdown-item">...</a>
<a href="..." class="dropdown-item">...</a>
</div>
</div>

1 2-1 下拉菜单（Dropdown）

2021-01-01

frljx

是的颠三倒四多所

1 4-5 按钮插件（Button）

2020-05-02

frljx

0 3-12 弹出框（Popover）

2020-05-02

weixin_慕粉6432531

该课的例子是错误的，不管有没有toggle都会连触发而不会隐藏，主要是元素选择的不对：应该选择里面的要显示的ul元素，同时失去主焦点时，隐藏此ul元素

$(function(){
$('#course').on('click',function(){
$('#course-menu').toggle();
}).focusout(function(){
$('#course-menu').hide();
});
});

0 2-4 下拉菜单--JavaScript触发方法

2020-01-23

Gan干

监控器监控的内容,一定要处于scrollspy状态.
这里还有一个要匹配的问题,即监控的内容要处于scrollspy状态.
比如你要监控的是body, 那body一定处于scrollspy状态.
如果你要监控的一个div,那div一定要处于scrollspy状态.
不然的话监控是没有效果的.
比如:
你监控div,但是div的内容不处于scrollspy, 这时body处于scrollspy是没有用的.

0 2-6 滚动监控器--滚动监控器的设计

2019-10-06

首页上一页1 2 3 4 5 6 7 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（JS插件篇）