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

玩转Bootstrap(基础)

已采纳回答 / 鬼畜的稀饭
不用记太多 , 掌握核心应用方法 , 用时可以再查看文档 . 样式可以自己写 , 但是Bootsrap提供的足够一般开发使用.关于响应的问题 , 比较复杂 , 因为这是用了栅格系统 , 还有流式布局这些概念 , 我也是刚学 , 不太懂 .
h1~h3,margin-top:20px,margin-bottom:10px
h4~h6,margin-top:10px,margin-bottom:10px
将<hi>标签转换成<div class="hi">形式的标签,在这个hi类中按照原标签重写样式。
恩 我也是遇到了这种问题 应该是验证的时候有点小bug吧
正确的答案应该是:
<button class="btn btn-info" type="button"></button>
Bootstrap的全局样式:来自"bootstrap.min.js"
Bootstrap的HTML标准模板
是Bootstrap中的JS插件依赖于JQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> ----加入jQuery;
<script src="js/bootstrap.min.js"></script> -----加入Bootstrap。
由于JQuery中的JS插件依赖于JQuery,所以必须先引用JQuery,后引用Bootstrap。
注意:Bootstrap中的JS插件依赖于JQuery,因此JQuery要在Bootstrap之前引用!!!
Bootstrap是集HTML5、CSS3、JS的前端工具集:
1.Bootstrap采用12列格网;
2.它自定义JQuery插件,完整的类库。
Bootstrap——强大的前端开发框架!给力
bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> IE 运行最新的渲染模式
<meta name="viewport" content="width=device-width,initial-scale=1"> 初始化移动浏览显示
http://www.bootcss.com/ bootstrap中文网
http://getbootstrap.com/ bootstrap英文网
<ul class="pagination pagination">
navbar navbar-default navigation nav navbar-nav
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消