bootstrap框架写个人主页

2019-06-05  本文已影响0人  对对_1d93

百度菜鸟驿站学习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框架。

上一篇下一篇

猜你喜欢

热点阅读