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

玩转Bootstrap(基础)

看不太懂媒体对象这个东西有什么用?标记上media这些类就是为了页面语义上看起来方便吗?感觉内置的样式太粗糙,一般做起来还要自己改样式才行。
我在编辑器上编辑是好的jq要1.9.0以上版本

<script>
$(document).ready(function(){
$('#dropdownMenu1').on("click",function(){

$(".dropdown").find(function(){
$(this).toggleClass("open")

})
})

})
</script>

已采纳回答 / Lynn_10
这个就是为了画下拉箭头,其他没有什么作用.caret是个类,在这个类里面,用css设置边框的样式,可以产生一个三角形
没有下拉效果,控制台报错 Refused to load the script 'http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' 'unsafe-eval' *.imooc.com *.mukewang.com *.baidu.com *.sina.com.cn". 是因为不允许引用该网址的脚本么
$("#mymodal").on("hide.bs.modal",function(a){
$(".btn").click(function(){
$("#mymodal").modal("toggle");
}
});
$("btn").click(function(){
$("#themodal").modal();
});
});
bootstrap就是实现写好的css,里面有很多常用的样式,根据自己需要加到html中去,so easy....
用chrome居然点不出来 换了edge就可以了
<div class="panel panel-default">
<div class="panel-heading">qqqqqqqq</div>
<div class="panel-body">详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性
</div>
<div class="panel-footer">qqqqqqqqqqq</div>
</div>
<div class="panel panel-default">
<div class="panel-body">qqqqqqqqqqqqqqqqqqqqq</div>
</div>
list-group-item-heading
list-group-item-text
<ul class="list-group">
<li class="list-group-item>
<a href="#">qqqq</a>
</ul>
</li>
<ul class="list-group">
<li class="list-group-item">
<span class="badge">qqqqq</span>
</li>
</ul>
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消