国产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福利国产在线观一区二区 | 欧美激情亚洲图片 | 精品麻豆 | 国产欧美成人一区二区三区 | 欧美极品一区 | 久久国内精品 | 欧美激情视频一区 | 成人欧美一区二区三区在线 | 日韩欧美国产综合 | 国产成人综合久久精品下载 | 伊人久久成人成综合网222 | 国产成人精品日本亚洲语音2 | 91福利一区二区 | 热综合一本伊人久久精品 | 日本一区二区视频在线观看 | 精品久久成人 | 久久国产成人精品国产成人亚洲 | 亚洲国产成人精品一区91 | 久久精品一区二区影院 | 青春草视频在线 | 欧美精品一区二区在线观看 | 欧美日韩亚洲视频 | 国产精品久久久久毛片 | 亚洲一区二区三区免费视频 | 日韩亚洲欧美综合 | 欧美另类日韩 | 亚洲伦理 | 精品欧美一区二区在线观看欧美熟 | 亚洲国产精品免费观看 | 国产免费全部免费观看 | 精品视频一区二区三区四区五区 | 欧美叉叉| 国产日韩一区二区三区在线观看 | 国产精品成人一区二区三区 | 台湾一级毛片永久免费 | 国产精品第 | 免费看欧美日韩一区二区三区 | 国产中文字幕视频 | 欧美日韩精品在线视频 | 一级一黄在线观看视频免费 |