国产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
主站蜘蛛池模板: www.国产精品视频 | 欧美福利一区 | 91久久精品国产91久久性色也 | 日韩第一页在线 | 欧美日韩精品高清一区二区 | 另类第一页 | 欧美网站在线看 | 国产在线一区二区三区 | 91综合| 特级一级全黄毛片免费 | 精品久久久久久久中文字幕 | 香港一级a毛片在线播放 | 伊人网伊人影院 | 亚洲 国产 日韩 欧美 | 亚洲经典一区 | 亚洲欧洲一二三区 | 日韩欧美精品一区二区三区 | 亚洲欧美在线观看 | 国产第10页 | h片免费在线观看 | 一级全黄毛片 | 国产在线精选免费视频8x | 亚洲国产综合专区在线电影 | 欧美人与禽交 | 成人毛片免费免费 | 久久久久久久国产精品毛片 | 国产精品久久久久久久 | 在线播放五十路乱中文 | 国产精品免费 | 成人免费久久精品国产片久久影院 | 91原创在线 | 欧美αv日韩αv另类综合 | 久久麻豆精品 | 亚洲 中文 欧美 日韩 在线人 | 国产一区二区三区成人久久片 | 日韩 亚洲 制服 欧美 综合 | 国产日韩欧美一区二区三区视频 | 日韩 亚洲 欧美 中文 高清 | 一区二区三区四区电影 | 亚洲 欧美 日韩在线 | 欧美视频免费在线观看 |