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

玩转Bootstrap(JS插件篇)

打卡下课,各位江湖再见
能爬到珠峰的毕竟是少数人
把 data-toggle="collapse" data-parent="#" data-target="#"放到div可以实现整块触发
感觉...不是很实用
当不给 data-loading-text="正在加载中请稍后..." 时,只保留
data-loading 会自动出现 loading...
当p标签放在按钮的前面时候会出现按钮下滑。
方法1:不使用标签修饰,直接在div写上文本,可以解决
方法2:P标签放按钮后面去
方法3:用span标签
在原有的tab标签型导航的基础上进行修改增加
1在tab块下的a标签进行锚点链接 (<a href="#专属识别名"> )
2.为每个a标签设置属性 data-toggle = "tab"
3.为第一个显示块 li 设置类 active 表示默认状态
4.另外在导航外设置一个类名为 “ tab-content ” 的文本包裹层
5.在下级设置N个子div(N取决于要显示文本块数量)并设置类 “tab-pane ”在第一个div需要多设置 " in active" 表示默认
6.为每个子级div设置专属的识别名(ID或类),跳转第一步,补充识别名
在原有的导航条基础上(可加响应式),在最外包裹层添加一个专属的识别名( class 或 ID,在外部区域创建一个DIV用来包裹要监听的区域,并设置属性 data-target = "专属的识别名(ID或类)" data-offset = "0" data-spy = "scroll" 再设置要识别区域的高度和 overflow:auto (为识别区创建一条滚动条),识别区内的子DIV的 id 名需要和导航区域进行锚点链接( 导航内的 <li><a href="#bootstrap">bootstrap</a></li> )
这节课我选择去菜鸟教程,看的有点乱
把“设置轮播图片控制器”放到div.carousel-inner外面
这节有问题,官方文档指出,使用js触发时不能删除a标签的data-toggle="dropdown"属性。如果删除下拉菜单无法隐藏。用js调用$(".dropdown-toggle").dropdown("toggle")可以显示下拉菜单。参考代码中的jQuery的one方法每次刷新后,要点两次才会显示下拉菜单。
$(".dropdown-toggle").one("click",function(){
$(this).dropdown("toggle");
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

CSS也要加s才能引入
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消