国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

第一章之初識Bootstrap_javascript技巧

來源:懂視網 責編:小采 時間:2020-11-27 21:49:30
文檔

第一章之初識Bootstrap_javascript技巧

第一章之初識Bootstrap_javascript技巧:學習要點: 1.Bootstrap 概述 2.Bootstrap 特點 3.Bootstrap 結構 4.創建第一個頁面 5.學習的各項準備 本節課我們主要了解一下 Boostrap 歷史、特點、用途,以及為什么選擇 Boostrap 來開發我們的 Web 項目。 一.Bootstrap 概述
推薦度:
導讀第一章之初識Bootstrap_javascript技巧:學習要點: 1.Bootstrap 概述 2.Bootstrap 特點 3.Bootstrap 結構 4.創建第一個頁面 5.學習的各項準備 本節課我們主要了解一下 Boostrap 歷史、特點、用途,以及為什么選擇 Boostrap 來開發我們的 Web 項目。 一.Bootstrap 概述

學習要點:

1.Bootstrap 概述

2.Bootstrap 特點

3.Bootstrap 結構

4.創建第一個頁面

5.學習的各項準備

本節課我們主要了解一下 Boostrap 歷史、特點、用途,以及為什么選擇 Boostrap 來開發我們的 Web 項目。

一.Bootstrap 概述

Bootstrap 是由 Twitter 公司(全球最大的微博)的兩名技術工程師研發的一個基于HTML、CSS、JavaScript 的開源框架。該框架代碼簡潔、視覺優美,可用于快速、簡單地構建基于 PC 及移動端設備的 Web 頁面需求。

2010 年 6 月,Twitter 內部的工程師為了解決前端開發任務中的協作統一問題。經歷各種方案后,Bootstrap 最終被確定下來,并于 2011 年 8 月發布。經過很長時間的迭代升級,由最初的 CSS 驅動項目發展成為內置很多 JavaScript 插件和圖標的多功能 Web 前端的開源框架。

Bootstrap 最為重要的部分就是它的響應式布局,通過這種布局可以兼容 PC 端、PAD以及手機移動端的頁面訪問。

Bootstrap 下載及演示:

國內文檔翻譯官網:http://www.bootcss.com

瓢城 Web 俱樂部官網:http://www.ycku.com

二.Bootstrap 特點

Bootstrap 非常流行,得益于它非常實用的功能和特點。主要核心功能特點如下:

(1).跨設備、跨瀏覽器

可以兼容所有現代瀏覽器,包括比較詬病的 IE7、8。當然,本課程不再考慮 IE9 以下瀏覽器。

(2).響應式布局

不但可以支持 PC 端的各種分辨率的顯示,還支持移動端 PAD、手機等屏幕的響應式切換顯示。

(3).提供的全面的組件

Bootstrap 提供了實用性很強的組件,包括:導航、標簽、工具條、按鈕等一系列組件,方便開發者調用。

(4).內置 jQuery 插件

Bootstrap 提供了很多實用性的 jquery 插件,這些插件方便開發者實現 Web 中各種常規特效。

(5).支持 HTML5、CSS3

HTML5 語義化標簽和 CSS3 屬性,都得到很好的支持。

(6).支持 LESS 動態樣式

LESS 使用變量、嵌套、操作混合編碼,編寫更快、更靈活的 CSS。它和 Bootstrap 能很好的配合開發。

三.Bootstrap 結構

首先,想要了解 Boostrap 的文檔結構,需要在官網先把它下載到本地。Bootstrap下載地址如下:

Bootstrap 下載地址:http://v3.bootcss.com/ (選擇生產環境即可,v3.3.4)

  解壓后,目錄呈現這樣的結構:

      bootstrap/
├── css/
│├── bootstrap.css
│├── bootstrap.css.map
│├── bootstrap.min.css
│├── bootstrap-theme.css
│├── bootstrap-theme.css.map
│└── bootstrap-theme.min.css
├── js/
│├── bootstrap.js
│└── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2

主要分為三大核心目錄:css(樣式)、js(腳本)、fonts(字體)。

1.css 目錄中有四個 css 后綴的文件,其中包含 min 字樣的,是壓縮版本,一般使用這個;不包含的屬于沒有壓縮的,可以學習了解 css 代碼的文件;而 map 后綴的文件則是css 源碼映射表,在一些特定的瀏覽器工具中使用。

2.js 目錄包含兩個文件,是未壓縮和壓縮的 js 文件。

3.fonts 目錄包含了不同后綴的字體文件。

四.創建第一個頁面

我們創建一個 HTML5 的頁面,并且將 Bootstrap 的核心文件引入,然后測試是否正常顯示。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

第一章之初識Bootstrap_javascript技巧

第一章之初識Bootstrap_javascript技巧:學習要點: 1.Bootstrap 概述 2.Bootstrap 特點 3.Bootstrap 結構 4.創建第一個頁面 5.學習的各項準備 本節課我們主要了解一下 Boostrap 歷史、特點、用途,以及為什么選擇 Boostrap 來開發我們的 Web 項目。 一.Bootstrap 概述
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 久久精品国产欧美成人 | 免费国产最新进精品视频 | 一区二区三区久久 | 日韩免费一区二区三区 | 日韩欧美亚洲 | 亚洲国产精久久久久久久 | 日韩在线欧美高清一区 | 国产精品高清久久久久久久 | 日韩 亚洲 制服 欧美 综合 | 亚欧日韩 | 国产91一区二这在线播放 | 亚洲国产婷婷综合在线精品 | 久久亚洲精选 | 亚洲日韩在线视频 | 高清 国产 日韩 欧美 | 免费一级a毛片在线播放直播 | 日韩在线观看第一页 | 波多野结衣乳巨码无在线观看 | 亚洲成人国产 | 国内精品一区二区三区最新 | 美女洗澡一级毛片 | 激情另类国内一区二区视频 | 日本v片免费一区二区三区 欧洲精品欧美精品 | 久久一本日韩精品中文字幕屁孩 | 日韩欧美伦理 | 精品视频在线观看视频免费视频 | 亚洲视频在线免费播放 | 欧美另类图片亚洲偷 | 欧美十区 | 日韩欧美高清视频 | 可以免费看的毛片 | 久草伦理 | 亚洲色图欧美 | 91亚洲欧美综合高清在线 | 亚洲精品乱码久久久久久 | 国产精品成人久久久久 | 日韩精品第一区 | 看国产一级毛片 | 综合视频在线 | 欧美黑粗硬 | 亚洲国产精品一区二区久久 |