1. 程式人生 > >BootStrap前端框架

BootStrap前端框架

practical 場景 環境搭建 jet span gpo otc header gui

BootStrap前端框架

Bootstrap 教程:http://www.runoob.com/bootstrap/bootstrap-tutorial.html

BpptStrap操作手冊:http://www.jqhtml.com/bootstraps-syntaxhigh/index.html

HTML教程:http://www.runoob.com/html/html-tutorial.html

CSS教程:http://www.runoob.com/css/css-tutorial.html

JavaScript教程:http://www.runoob.com/js/js-tutorial.html

Jquery教程:http://www.runoob.com/jquery/jquery-tutorial.html

Jquery W3C:http://www.w3school.com.cn/jquery/

Jquery API:http://jquery.cuishifeng.cn/show.html

2011年發布。最新版本BootStrap4. 一般應用BootStrap3較穩定版本。

一、Bootstrap

Bootstrap 是一個用於快速開發 Web 應用程序和網站的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的

Bootstrap 有用的資源

  • Twitter Bootstrap - Bootstrap 的官方網站,可以在該站點上找到所有可用的文檔和下載。
  • Less - Less 快速入門。

Bootstrap的特性

響應式設計

柵格布局

完整的類庫

JQuery插件

不同的使用場景(基於LESS或SASS等)

Bootstrap的開發工具

任意前端開發工具均可。

專門針對Bootstrap的開發工具:Jetstrap (下載地址:jetstrap.com)

Bootstrap的下載地址

官方地址:http://getbootstrap.com

中文地址:www.bootcss.com

Bootstrap的環境搭建

進入中文網:www.bootcss.com

技術分享圖片

點擊Bootstrap3中文文檔

技術分享圖片

下載Bootstrap

技術分享圖片

下載完畢:解壓縮文件夾

技術分享圖片-》技術分享圖片

打開CSS-》註意:map文件是預處理文件,不用管。

技術分享圖片

打開js-》

技術分享圖片

註意:.min的文件為壓縮後的文件,可以放置於生產環境。

實用的sublime插件集合 – sublime推薦必備插件(http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html)

BootStrap前端框架