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