美文网首页
bootstrap框架写个人主页

bootstrap框架写个人主页

作者: 对对_1d93 | 来源:发表于2019-06-05 17:44 被阅读0次

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

相关文章

  • bootstrap框架写个人主页

    百度菜鸟驿站学习bootstrap的框架,然后根据以前编写的html,css主页完成修改。以下为学习bootstr...

  • 重写js中的window.alert函数

    使用了bootstrap框架,所以要引入bootstrap框架。

  • Bootstrap 10.12

    下拉菜单 在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文...

  • [Guice] 2 面向对象化

    1 bootstrap的概念这里的bootstrap不是前端框架BootStrap,那什么是bootstrap呢?...

  • bootstrap

    Bootstrap 简介 什么是Bootstrap? 框架:库 lib library jQuery作为一个框架来...

  • Bootstrap 的简单使用-栅格系统

    写在前面 最近在学习了写前端页面,其中使用了 Bootstrap 的前端框架,感觉非常好用。Bootstrap 来...

  • CSS 响应设计-框架

    响应式 Web 设计 - 框架本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap,...

  • 前端框架Bootstrap的学习

    Bootstrap的来源 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap ...

  • Bootstrap的使用

    Bootstrap概述 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是...

  • 1. Bootstrap 快速入门

    概念: 前端开发的框架Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。 Bootstrap 是...

网友评论

      本文标题:bootstrap框架写个人主页

      本文链接:https://www.haomeiwen.com/subject/pkpsxctx.html