百度菜鸟驿站学习bootstrap的框架,然后根据以前编写的html,css主页完成修改。以下为学习bootstrap的经验总结:
bootstrap框架
1.以栅栏式布局,分12列,16列,24列和32列,常用12列。
2.整个页面必须在container容器内部
3.移动端以
来使视图一比一缩放。(响应式布局)
4.载入bootstrap时需要经过七个步骤,才能支持CSS,js,IE,IE8以下等
a.引入bootstrap框架 <link rel="stylesheet" href="../bootstrap.min.css">
b.引入JQuery框架。引入在body结束标签之前。
c.引入JS文件,在JQuery框架之后引入。
d.引入移动端适应<meta name="viewport" content="width=device-width,initial-scale=1.0">。
e.将html标签添加<html lang="zh-cn">
f.若支持IE得在meta标签,得添加
g。若要支持IE8之前,需添加responds。js文件
然后根据所学完成个人主页的bootstrap框架。
网友评论