濟(jì)南網(wǎng)站建設(shè)自舉一個(gè)簡單的方法來創(chuàng)建Web界面,采用響應(yīng)式設(shè)計(jì)提供了設(shè)計(jì)人員和開發(fā)人員。 下面是如何使用框架的設(shè)計(jì)特點(diǎn)。
如何能“的口號圓滑,直觀,強(qiáng)大的前端框架的Web開發(fā)更快,更容易”被忽略,尤其是當(dāng)它指在Twitter的鄉(xiāng)親支持的一個(gè)項(xiàng)目呢? 該項(xiàng)目被稱為 自舉 ,它已經(jīng)獲得了可觀的以下自成立以來,美國宇航局使用它更容易識(shí)別的名字之一。 該 內(nèi)置自舉的網(wǎng)站提供更多的例子。 這里有一個(gè)在什么引導(dǎo)偷看能為你做。
什么是引導(dǎo)?
引導(dǎo)是一個(gè)開源框架,用于構(gòu)建Web接口,用人 響應(yīng)式設(shè)計(jì) 。 自舉讓各級Web開發(fā)人員和設(shè)計(jì)人員使用它。 采用自舉 使用Javascript (包括 jQuery的 ), CSS ,和 HTML和支持 CSS3和 HTML5 。 可以螺栓引導(dǎo)到你的應(yīng)用程序提供先進(jìn)的功能,你可以用它來構(gòu)建應(yīng)用程序從地上爬起來。
獲得引導(dǎo)
引導(dǎo)是可以通過GitHub上可以免費(fèi)下載兩種形式:最小的, 編譯的版本 ,完全成熟 源代碼,包括文檔。 第一個(gè)選項(xiàng)(編譯)是最快的方式,引導(dǎo)和運(yùn)行。 它包含三個(gè)子目錄:CSS,JS和img。 目錄名稱是不言自明的,但為了以防萬一 – CSS樣式表,JS包含JavaScript文件和圖像引導(dǎo)使用存儲(chǔ)在img目錄。 下載/安裝完成后,你是準(zhǔn)備把自舉運(yùn)動(dòng)。
通過引導(dǎo)
引導(dǎo)有四類設(shè)計(jì)特點(diǎn):腳手架,組件,JavaScript的插件,和基地CSS。 腳手架(或全局樣式)是建立在響應(yīng)12列電網(wǎng),布局和元件。 這些組件包括基本樣式為常見的用戶界面功能。 JavaScript的插件遵循組件,但不使用JavaScript的風(fēng)格元素。 該基地CSS基本的HTML元素,包括樣式和它包括一套稱為Glyphicons圖標(biāo)。
引導(dǎo)是一個(gè)警告,某些功能利用HTML5,所以必須使用HTML5的doctype所有頁面上。 下面的代碼片段顯示其格式為:
<!DOCTYPE HTML“<html lang="en"> </ P> <P> ...頁面主體... </ P> </ HTML>
該文件提供了極大的指示使用引導(dǎo)。 它描述了一個(gè)很好的部分引導(dǎo)使一個(gè)網(wǎng)頁的基本知識(shí)。 下面的代碼提供了這些基礎(chǔ)知識(shí)的一個(gè)例子。 要點(diǎn)是HTML5的doctype,視口meta元素,樣式表的bootstrap.min.css,并在頁面底部的兩個(gè)JavaScript文件引用。
<STRONG> <!DOCTYPE HTML> </ STRONG> <HTML> <HEAD> <標(biāo)題> 0531soso.com - 引導(dǎo)</ TITLE> <STRONG> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </ STRONG> <! - 引導(dǎo) - > <STRONG> <link href="css/bootstrap.min.css",我們目前無法顯示地點(diǎn)的地圖。media="screen"> </ STRONG> </ HEAD> <BODY> <H1> TechRepublic的問候!</ H1> <STRONG> <script src="js/jquery.js"> </ SCRIPT> </ STRONG> <STRONG> <script src="js/bootstrap.min.js"> </ SCRIPT> </ STRONG> </ BODY> </ HTML>
引導(dǎo)的特征之一,我很高興與當(dāng)前項(xiàng)目的列布局 流體的例子提供了一個(gè)可視化表示的布局。 我用類似的元素 YAML ,但我覺得引導(dǎo)更為簡單,具有更多的功能。
在使用引導(dǎo)接下來的步驟取決于你想要什么,或者為您的設(shè)計(jì)需要做的。 在Web領(lǐng)域,模仿是奉承 – “借用”其他的設(shè)計(jì)是司空見慣的,我敢說,接受。 該 示例一節(jié)中,引導(dǎo)網(wǎng)站提供了極大的視覺引導(dǎo)行動(dòng),并借用已經(jīng)完成,您可以輕松地查看源代碼。
一個(gè)有趣的選項(xiàng)與引導(dǎo)能力推出自己的下載結(jié)果 – 這是可用的方式 自定義頁面 。 它可以讓你選擇組件和jQuery插件,以及指定變量。 完成你的選擇,你可以下載一個(gè)壓縮文件的結(jié)果。 該文件包含引導(dǎo)標(biāo)準(zhǔn)目錄:CSS,IMG,和js,在每個(gè)必要的文件。
另一種選擇是購買或下載由第三方創(chuàng)建的設(shè)計(jì)。 谷歌搜索產(chǎn)生壓倒性數(shù)目的比賽,所以我會(huì)離開搜索你的細(xì)節(jié),但有多種偉大的模板,可在您的指尖。 我已經(jīng)測試了幾個(gè)產(chǎn)品,但是無關(guān)的地步,我可以建議他們超過別人。