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

玩转Bootstrap(基础)

我也想要女朋友。。。
所以看到这条评论的人,通过开心 (+_+)
古之好像好几节课见了
把代码复制到本地再运行就行啦
<script type="text/javascript">
$(function() {
$(".btn").click(function() {
$("#themodal").modal("toggle");
});
});
</script>
emmmm data-toggle="modal"一定不能忽略
还有在这里点击没反应也不知到啥原因,但一样的代码到本地运行是可以的
在火狐好像上看不到在一行的效果
有些类名在新版本中已经替换或者删掉了,快速过一遍即可
将要隐藏的内容放在一个div中,除了collapse navbar-collapse 还要为div添加一个特殊的类名,假设为 " example "
则button属性data-target的值就是 " .example "
button设置一个按钮,按下按钮时,显示隐藏div中的内容,在定义button时一定需要设置下列属性:class="navbar-toggle" type="button" data-toggle="collapse" data-target=".隐藏div的类名"
button与导航条的标题(a标签)放在同一个div标签中,这个div与放置隐藏内容的标签为兄弟元素
恭喜你,通过了本次课程 返回课程
谢谢大漠老师 2018-01-19 14:37

最赞回答 / 慕盖茨217202
你把浏览器宽度缩小到一定程度,会发现下面多了一个scrool bar。能自适应不同大小的屏幕和设备就是responsive。所以BS是面向移动端设计的。
@黑白亓
这节的知识怎么在chrome上没效果? 是不是应该在<link rel="stylesheet" href="http:(此处加个http:)。。。。。。。。。。。css/bootstrap.min.css">

最赞回答 / qq_Timebegin_0
奥我突然明白了<...图片...>,在大于768px的时候就是一行四个内容,所以一行四个col-md-3就是没问题的。然后小于768px的时候一行显示两个内容,所以四个col-xs-6其实相当于是 &;didiv class="row"&;   ...
用什么软件写这个网页呀?
thumbnail
换成这个可以点击显示
&lt;script src=&#039;https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js&#039;&gt;&lt;/script&gt;

&lt;script src=&quot;https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
那个色色盲的 这题 就pass吧
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消