Twitter bootstrap 3 试图了解如何使用和开发bootstrap_Twitter Bootstrap 3

Twitter bootstrap 3 试图了解如何使用和开发bootstrap

twitter-bootstrap-3

Twitter bootstrap 3 试图了解如何使用和开发bootstrap,twitter-bootstrap-3,Twitter Bootstrap 3,在bootstrap页面上，它说如果我想使用bootstrap源代码开发，我需要bower（需要node.js和npm）>所以在Windows上，我安装了node.js和npm，然后做了npm安装-g bower，它显然在我的用户配置文件AppData\Roaming\node\u modules\bower中安装了bower（由于-g选项）我运行了bower安装引导程序并在用户配置文件中查找它，结果发现它安装在我当前文件夹的bower\u组件文件夹中（或者如果我使用npm install命令

在bootstrap页面上，它说如果我想使用bootstrap源代码开发，我需要bower（需要node.js和npm）>所以在Windows上，我安装了node.js和npm，然后做了

npm安装-g bower

，它显然在我的用户配置文件

AppData\Roaming\node\u modules\bower

中安装了bower（由于-g选项）

我运行了

bower安装引导程序

并在用户配置文件中查找它，结果发现它安装在我当前文件夹的

bower\u组件

文件夹中（或者如果我使用

npm install

命令而不使用

-g

选项，则安装在当前目录中的

node\u modules\bower

）

在我开始使用bootstrap进行开发活动之前，我想更多地了解我应该如何使用它

我在eclipse中打开了一个基于maven spring的web项目（对于基于maven spring的web项目，我们将其称为msb，并假设项目所在路径的位置为

~/workspace/bs sample/msb

），我想知道），我需要理解：

除了我已经安装的bower和node.js以及npm之外，我还需要在桌面上安装什么才能使用bootstrap进行开发？我需要使用什么命令

如何在eclipse中将引导添加到我的msb web项目中？需要安装哪些文件夹和工具

要在web项目中开始使用引导，需要执行哪些自定义操作。实际上，我正在尝试在我的web项目中使用

当切换到bootstrap文件夹并运行

npm install

时，npm命令会将依赖项放在哪个文件夹中？我问这个问题是因为我不能运行这个命令，因为npm使用git命令/ssh安装它的东西，我不能使用ssh，因为我在一个经过HTTP验证的代理后面。我必须手动添加依赖项

对于不熟悉此组合工具的用户，请在此处和引导入门页面中进行任何说明。

您可以通过以下三种方式之一开始引导：

将其添加到项目中
从源头上建设
使用SASS端口

如果您只想将其添加到项目中，则可以使用第一个选项

为此，您只需下载文件并将其添加到web页面，就像任何其他CSS或JS一样

最小化版本最适合于生产，而非最小化版本最适合于调试问题

如何将它们包含到项目中取决于您在web项目中使用的框架（即模板引擎、平铺、纯JSP等）

您可以从给定页面的基本模板开始，添加您认为合适的组件（包括您的treeview）

下面的模板来自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>


引导101模板
你好，世界！