試圖瞭解如何使用和開發使用引導

在Getting started引導頁面它說如果我想開發使用引導源我需要bower（它需要node.js和npm）>所以在Windows上我安裝了node.js & NPM然後做npm install -g bower這顯然在我的用戶配置文件AppData\Roaming\node_modules\bower安裝鮑爾（由於-g選項）。試圖瞭解如何使用和開發使用引導

的我跑bower install bootstrap去在用戶配置文件尋找它才發現，它得到了安裝的文件夾bower_components在當前目錄中的我的當前文件夾（或node_modules\bower如果我使用npm install命令沒有-g選項）。

之前，我在用引導我的開發活動走上我想了解更多，我應該如何使用它。我有一個項目在eclipse中打開基於maven spring的web項目（讓我們稱之爲基於maven spring的msb，假設位置爲~/workspace/bs-sample/msb爲項目所在的路徑），我想知道），我需要了解：

我需要什麼要安裝在我的桌面上超越了涼亭和Node.js和受NPM引導發展我已經安裝了什麼命令，我需要使用？
如何在Eclipse中添加自舉到我的MSB web項目？什麼文件夾和什麼工具需要安裝？
我需要執行哪些自定義功能才能在我的web項目中開始使用引導程序。我其實正在嘗試在我的web項目中使用bootstrap-treeview。
當改變的引導文件夾，運行將故宮命令放什麼文件夾中的依賴npm install？我問這個因爲故宮安裝使用Git的命令/ SSH的東西，因爲我後面的HTTP認證代理，我不能使用SSH我無法運行此命令。我必須手動添加依賴關係。

任何澄清將在此處以及對於不熟悉這種工具組合的人員在啓動頁面中非常感謝。

來源

2015-10-26 mario

可以開始使用自舉在他們的三個提到的方法之一：

從源
添加到您的項目
大廈使用SASS端口

如果所有你想要做的就是將它添加到你的項目中，你可以使用第一個選項。

爲此，您只需下載文件並將它們添加到您的網頁，就像其他任何CSS或JS一樣。

最小化版本最適合生產，而非最小化版本最適合調試問題。

如何將它們包含到項目中取決於您爲web項目（即模板引擎，平鋪，純JSP等）使用的框架。

您可以針對給定頁面的基本模板開始並添加組件（包括您的樹狀視圖），你認爲合適。

以下模板來自Bootstrap的網站。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <title>Bootstrap 101 Template</title> 

    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <h1>Hello, world!</h1> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="js/bootstrap.min.js"></script> 
    </body> 
</html>

來源

2015-10-26 20:06:20 ochi

試圖瞭解如何使用和開發使用引導

回答

相關問題