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

玩转Bootstrap(基础)

modal-backdrop怎么添加的啊
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
没出现效果,把 http: 去掉就可以了。如果自己在外部则需要加上
代码没有问题讲的也没有问题
只是屏幕太小了所以没有出现预计效果
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
看文字乏味的话 可以看 尚学堂 李思莹的bootstrap视频教程
bootstrap学了将近半个月了,好枯燥啊,很烦,啊啊啊啊啊啊啊
remote This option is deprecated since v3.3.0 and has been removed in v4.
primary 主要,使用蓝色 .text-primary { color: #428bca;}
<li><a href="##" data-toggle="pill">Home</a></li>
加一个data-toggle="pill"
这样就有效果了


原理大概是这样的(csdn上看到的)
Bootstrap为这些a之类元素都绑定上了事件,而终止了链接默认行为。

data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标,一起使用就是代表data-target所指的元素以data-toggle指定的形式显示
加上这两个
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
妈呀,声音也太好听了吧!!
最后三天,开始收费
学到这里已精通
哎,难受,香菇,sad
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消