前期框架 Bootstrap框架

2021-10-06 23:53:10 字數 786 閱讀 5080

1.什麼是css框架

封裝了很多重複的工作

提高了開發的效率

隨著web應用變得越來越複雜。在大量的開發過程中,我們發現有許多的功能模組非常相似。

例如輪播圖,分頁,導航,進度條,模態框等,每一次都手動書寫無疑是在做重複工作。

框架的作用就是把這些功能封裝稱為乙個個元件,在開發過程中直接拿過來使用即可,極大的提高的開發的效率。

2.前端常用框架

amaze ui

framework7

bootstrap(重點,目前最常用的前端框架)

3.bootstrap準備學習

生產環境版本:**已經壓縮,可以直接部署在伺服器

原始碼學習版本:**沒有壓縮,程式設計師可以學醫原始碼

sass版本:進行了sass的預處理版本

npm install bootstrap

3.2-離線文件的使用

所以老師準備乙份離線版的中文文件,直接開啟index檔案即可;

3.3-起步

從零到一看起步;

從一到精通看元件例項;

因為bootstrap主要是用來做移動端與pc端的響應式布局,當然我們任務更多的是移動端布局。

所以就會有一些視口屬性需要設定,包括一些瀏覽器的相容。

不用擔心

文件已經準備了乙個基本模板讓我們複製了。

複製起步頁面中準備好的模板**

並且修改匯入檔案路徑為本地路徑

前端UI框架 Bootstrap 框架

設計前端頁面或者元件的時候,原生的html元件,比較難看,自己設計那些css樣式,非常麻煩,工作量很大,還不一定會。但是其實,網上有很多開源的元件庫,拿來使用就可以了,例如 bootstrap,easyui,layui,miniui。需要的時候,網上可以找到一大堆這種ui框架。直接使用這種現成的輪子...

引用bootstrap框架

html5shiv主要解決html5提出的新的元素不被ie6 8識別,這些新元素不能作為父節點包裹子元素,並且不能應用css樣式。讓css 樣式應用在未知元素上只需執行 document.createelement elementname 即可實現。html5shiv就是根據這個原理建立的。標準的引...

前端框架 BootStrap

bootstrap是基於html5和css3開發的,它在jquery的基礎上進行了更為個性化的完善,形成一套自己獨有的 風格,並相容大部分jquery外掛程式。個人理解 可以使用bootstrap框架開發乙個響應式的頁面,可以同時使用與pc端,pad端和手機端,並且不影響瀏覽的效果。bootstra...