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

玩转Bootstrap(JS插件篇)

应对拉伸整个页面,给父元素包裹div加一个width就行了,
会拉伸到整个页面宽度· · · · · ·
·····恩,没反应······
经过几次练习· 虽然可以完成轮播,但是有很多不足· 1.如果加了下面两个prev next 的a标签的话,左a会变得很小很小,在图片下方,右a会有一段灰色的重影把图片拉伸到页面宽度。· 把2个a标签去掉效果还好些,不会拉伸,看教材的图就可以看到,右边有一段灰色的。还有就是一定要导入carousel.js。 再者。就是注意图片的宽度,屏幕分辨率大的话,轮播图片的时候,图片会从页面最右边消失。
我去,折腾了半天没效果,还是得看评论区。加上<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
这个是重点~!
这个好看· · ·
试了几次,button.js插件不能少。 <button id="mybutton" class="btn btn-primary" data-loading-text="正在加载" type="button">点击</button> js : jq,bootstrap.js, button.js 才能出效果。。
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")
})})
data-toggle; data-placement; data-original-title; data-content; data-container; data-delay; data-animation;
用提示窗口的data-trigger="click" 效果差不多呀·
data-toggle="tooltip" data-placement="top/left/right/bottom" data-original-title="......"
····额。。。这一章没有错呀。。
发现有一个bug ,就是自己在html上练习的时候,写好了,看效果的时候.刷新页面,你的active的内容不会显示出来,如果你点第二个选项,第二个选项的内容会显示,这时候再点第一个选项,内容才会显示,等于断了一下一样的。·····不知道大家是不是这样。
课程须知
本课程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、使用JS自由控制Bootstrap中提供的组件。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消