初涉Bootstrap——简介

Bootstrap —— 简介

介绍

初涉Bootstrap——简介_第1张图片


Bootstrap是Twitter于2011年8月在Github上发布的的开源产品,目前最受欢迎的HTML、CSS和JS框架,用于开发响应式布局、移动设备有限的WEB项目。
将常见的CSS布局组件和JavaScript插件进行了整合并完善的封装,能让没有经验的前端工程师后后端工程师都迅速掌握和使用,大大提高开发效率。
某种程度上,还能规范前端团队编写CSS和JavaScript。

官网:http://getbootstrap.com/

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

PS:尽量去官网下载

由于此插件基于Jquery,所以引入jquery是必要的


下载

初涉Bootstrap——简介_第2张图片

Bootstrap:最小化完整版本
Source code:包含了Less、Javascript的source和一些fonts库
Sass:使用Sass编译JS可用

此次学习主要围绕最小化版本进行

初涉Bootstrap——简介_第3张图片

  • 接入网络,可直接赋值粘贴绝对URL便可引入Bootstrap

关于CDN请看各路大神回答:CDN是什么?使用CDN有什么优势?


Bootstrap文件结构

初涉Bootstrap——简介_第4张图片

  • 后缀min表示经过亚索的文件

HTML标准模版

使用Bootstrap的前提(按优先级)

  1. 标准HTML5文档结构

  2. 移动设备优先

  3. Bootstrap css引入

  4. Jquery引入

  5. Bootstrap js引入

官方的基本模版:



  
    
    
    
    
    Bootstrap 101 Template

    
    

    
    
    
  
  
    

Hello, world!

开发工具:

  • notepad++

  • DW cs6

  • HBuilder

  • webstorm

  • ......

PS:从本人接触网页设计一来,第一次敲HTML标签的那天我用的就是记事本,后转HBuilder。

第一个网页

官网有实例精选,可以打开看看 —— 略

你可能感兴趣的:(bootstrap)