bootstrap之初次学习简单小记

作为一枚后端菜鸟,对前端的学习仅限于html3,css3以及js/jQuery。虽然生活中经常接触bootstrap,但没有真正认真的去学过,每次都是人家前端设计好自己填充代码,后来在项目进行过程中可能遇到一点小小的样式问题就得去找前端修改,自己都烦,最近闲来无事,赶紧趁机学习一下我比较喜欢的bootstrap,本人觉得bootstrap模板创建出来的页面更简单、直观,很美。作为一枚bootstrap小白,如果有幸你刚好看到,大神请指教,小白可一块讨论,嘿嘿,本人是一枚好说话的程序媛!!!

1.使用bootstrap让一个纯HTML页面编程bootstrap模板需要引用三个文件:

 jquery.js、bootstrap.min.js 和 bootstrap.min.css

解释:jquery.js   这个文件必须放在bootstrap.min.js之前才有用,所有的js文件都得有jquery.js  的支撑,具体原因不做讨论,稍微有点基础的都懂。

bootstrap.min.js包括所有一边一号的插件,可以直接引用使用。

bootstrap.min.css 包括所有bootstrap的样式。 

可自行去官网下载,下载地址: http://getbootstrap.com/ 

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

解释: width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。



到这就可搭建出一个简单的bootstrap模板的页面了。

日后会继续修改,大家多多指教!


你可能感兴趣的:(bootstrap,bootstrap)