Fork me on GitHub

Bootstrap学习历程

     一
前端:李金澎

学前端以来第一次接项目,感觉很困难,但是还是要做下去,毕竟万事开头难嘛!
做的是一个我矿的导航站,准备用Bootstrap写,所以还是要先学习这个框架。
Bootstrap
因为Bootstrap的介绍,环境安装什么的网站里都有,我就不凑字数了。

Bootstrap Css 概览

HTML 5 文档类型 (Doctype)

Bootstrap 使用了一些HTML5元素和CSS属性。为了正常使用Bootstrap的项目开头
包含下面代码段。

<!DOCTYPE html>
<html>
···
</html>

如果不使用HTML5的文档类型,不同浏览器可能显示不同。

移动设备优先

Bootstrap 3的设计目的是移动设备优先,然后才是桌面设备。

为了让Bootstrap开发的网站对移动设备友好,确保适当的绘制
和触屏缩放,需要在网页的head之中添加viewport meta标签,
如下所示:

<meta name="viewport"
content="width=dvice-width,initial-scale=1.0">

width 属性控制设备的宽度。假设您的网站将被带有不同

屏幕分辨率的设备浏览,那么将它设置为device-width可以
确保他能正确呈现在不同的设备上。initial-scale=1.0确保网页加载时,以1:1的比例呈现,不会有任何缩放。
(又一点半了!睡觉!今天又弄了半天博客,一直出错,不然Bootstrap早学
了很多了!)