Web-第五天 BootStrap学习

Posted Java帮帮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web-第五天 BootStrap学习相关的知识,希望对你有一定的参考价值。


Web-第五天 BootStrap学习

Web-第五天 BootStrap学习

Bootstrap基础入门

今日内容介绍

  • 使用bootstrap重写首页

 

今日内容学习目标

  • 学会通过官方提供demo实例,完成自己需要的功能。

  • 能够从已有html文档中,找到将要修改的位置,并进行简单调整


第1章 案例:重写首页

1.1 案例介绍

将使用Bootstrap重写首页,整个案例中将使用到Bootstrap各种模块,为了方便编程,将采用拆分的原则,各个模块单独编写,最后组合。

 

1.2 相关技术介绍

1.2.1 BootStrap概述

1.2.1.1 什么是BootStrap

  • Bootstrap,基于 HTML、CSS、javascript 的前端框架(半成品)。其预定义一套CSS样式和与样式对应的jQuery代码,我们只需要提供固定HTML结构,添加固定的class样式,就可以完成指定效果的实现。

  • Bootstrap在jQuery的基础工作,可以理解Bootstrap就是jQuery的一个插件。

  • Bootstrap 使得 Web 开发更加快捷,代码优雅,美观大方。

  • 由Twitter 公司的设计师Mark Otto和Jacob Thornton合作开发。

  • Bootstrap基础入门使用的都是自带CSS样式,高级开发中需要使用HTML5、CSS3、动态CSS语言Less 进行自定义开发,JavaEE课程中学习时“基础入门”。

  • 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来

  • 中文官网:http://www.bootcss.com/