为了账号安全,请及时绑定邮箱和手机立即绑定
  • 记下自己的心得,以免忘记了:Bootstrap最重要的是栅格化布局,大中小屏幕的响应,组件高度化,所以尽量不要自己开发,能使用Bootstrap的封装的组件就尽量使用提供的组件。日后要好好看bootstrap的使用文档以便加快开发速度。
    查看全部
  • device-width , device-height----屏幕宽高 width , height-----渲染窗口宽高 orientation------设备方向 resolution------设备分辨率
    查看全部
  • CSS3-Media Query常见属性: 1、device-width,device-height(屏幕宽高) 2、width,height(渲染窗口宽高) 3、orientation(设备方向) 4、resolution(设备分辨率) 基本语法 外联:<link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)" 内嵌:<style> @media screen and (min-width:480px){ body{} } </style>
    查看全部
  • 响应式布局实现方式: 1、css3-Media Query (最简单的方式) 2、借助原生Javascript(不推荐,成本高) 3、第三方开源框架(比如:可以很好地支持浏览器响应式布局的设计,如bootstrap)
    查看全部
  • 响应式设计的原则: 1、移动优先:在设计的初期就要考虑页面如何在多终端展示 2、渐进增强:充分发挥硬件设备的最大功能
    查看全部
  • device-width , device-height----屏幕宽高 width , height-----渲染窗口宽高 orientation------设备方向 resolution------设备分辨率
    查看全部
  • 如何实现响应式布局
    查看全部
  • 响应式设计原则
    查看全部
  • 响应式设计优缺点
    查看全部
  • 好像写作文,先读一下好的段子,然后自己改改,当然像框架的作者一样强是需要修炼的,先写一些小段子,写好了之后再慢慢修炼!改好代码的前提是对框架本身了解的比较深入,另外就是对于框架的基础要有一定的基本功! 使用框架,就是使用框架本身提供的各种基本的现成的功能代码,这样就能是开发的速度变得异常的迅速!前提嘛!就是要对框架非常的了解,所以平时的功夫是必须要下的,学习的时候最好每个代码自己都动手敲一下!开发的时候可以ctrl+c/v,注意细节,注意测试! 使用bootstrap框架的好处 1:开发快 2:适应性好 3:易上手,易维护 注意:bootstrap框架的核心是栅格化布局,这个要好好的玩玩!
    查看全部
  • 作者这里仅仅介绍了bootstrap框架的一些他觉得比较核心的实例,比较详细的内容,我们必须去官网玩玩,我看视频的目的也是为了先了解一个大概,然后有一个整体的印象,为后面进一步的深入研究先打一个基础!
    查看全部
  • 注意:页面中的所有代码都是有其存在的原因的,如果找不到就去掉看看是什么效果,尽量想鲁迅先生讲的那样,代码中不要有多于的东西,做到恰好适当!
    查看全部
  • 注意: 1:bootstrap.min.js是依赖jquery.js的! 2:Bootstrap框架以移动终端优先 3:对应的浏览器兼容性问题,他同样提供了对应的解决方案!
    查看全部
  • 太卡了,频闪,闪的头晕! 还是去官网吧!
    查看全部
  • 另外,发现自己做的笔记,好久才出现,什么情况——网络问题?浏览器问题?还是慕课网本身的问题? 当然,还能听,还能学习! 不过有时闪的厉害,压根不能继续看!
    查看全部

举报

0/150
提交
取消
课程须知
小伙伴,在学习本课程之前,需要你熟悉HTML、CSS3和JavaScript。
老师告诉你能学到什么?
1、了解什么是响应式布局。 2、理解响应式布局的优缺点、设计原则和实现方法。 3、掌握使用Bootstrap前端框架实现响应式布局。

微信扫码,参与3人拼团

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

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