bootstrap框架写个人主页

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,590评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,033评论 1 92
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 4,751评论 0 20
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,661评论 0 7
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 11,070评论 3 184

友情链接更多精彩内容