2013-03-31 46 views
1

我想爲我的網站使用Bootstrap - 尤其是我的管理後端。在我開始之前,我想問一些問題。自行設計的引導

我如何理解Bootstrap是什麼?這就像是一個網頁設計工具的集合,或者它只是每個html頁面的UI?我需要一個特殊的HTML結構嗎?或者我可以在我自己的HTML結構中使用它嗎?

我會很高興爲一些很好的教程和技巧,也許例子。

+0

SO不是這樣的一般意見的好地方,你需要問的具體問題。請參閱常見問題以瞭解適用的各種問題。 – Barmar

回答

1

Twitter bootstrap是一個庫,它可以幫助您的頁面更加流暢和響應,它內置了CSS和JavaScript,可以通過包括引導類和函數來啓動您的設計。

這不是一個工具,你可以下載源代碼,你可以看到.css和.js文件的那些類和函數的定義。

您不需要特殊的HTML結構,只需要在head標籤中包含bootstrap css,並且由於twitter-bootstrap使用jQuery,在腳本標籤中包含jQuery庫和bootstrap jQuery文件並放入您的body標籤如下圖所示:

<!DOCTYPE html> 
    <html> 
     <head> 
      <title>...</title> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
      <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
     </head> 
     <body> 
      <script src="http://code.jquery.com/jquery.js"></script> 
      <script src="js/bootstrap.min.js"></script> 
     </body> 
</html> 

開始bootstrap getting started ...