Bootstrap学习心得

来源:互联网 发布:数据库表主键的作用 编辑:程序博客网 时间:2024/05/02 05:02


最近开始学习Bootstrap,决定在博客上记录一些自己的学习心得,最终的目标是学习完成之后可以结合PHP和Laravel开发一个自己的个人网站并部署到阿里云上面。那么话不多说,马上开始今天的学习。

Bootstrap的功能什么的自然是不必多说,主要用来处理自适应的问题,让不同屏幕大小的设备都可以看到最适合的界面。

由于Bootstrap使用了一些HTML5属性和CSS属性,所以为了让这些属性正常工作,那么就应当使用文档类型,即在页面首部写<!DOCTYPE html>,如果没有这样处理的话,代码很有可能会无法通过W3C标准的认证。

由于移动设备用户的增多,Bootstrap3的设计目标便是移动设备优先,然后才是桌面设备,因此,我们需要在网页的head标签中添加viewport meta标签,就像这样:<meta name="viewport"  ...>。然后在对content做适当的设定,便可以使移动设备进行一定的绘制和缩放。

一般来说,国内推荐使用的CDN为https://www.staticfile.org/,国际推荐使用的CDN为https://cdnjs.com/。


原创粉丝点击