Question

在bootstrap的Getting started页面上，它说如果我想使用bootstrap源开发我需要bower（需要node.js和npm）＆gt;所以在Windows上我安装了node.js＆amp; npm然后npm install -g bower显然在我的用户个人资料AppData\Roaming\node_modules\bower中安装了bower（由于-g选项）。

我跑了bower install bootstrap并在用户个人资料中查找它，但发现它已安装在我当前文件夹中的bower_components文件夹中（或当前node_modules\bower目录，如果我使用npm install命令而没有-g选项。

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

我在eclipse中打开了一个基于项目maven spring的web项目（我们称之为基于maven spring的msb，并假设项目所在的路径的位置为~/workspace/bs-sample/msb）我想知道）我需要理解：

我需要在桌面上安装什么才能使用bower以及boot.js和npm之类的bootstrap进行开发我已经安装了哪些命令？我需要使用哪些命令？
如何在eclipse中为我的msb web项目添加bootstrap？需要安装什么文件夹和工具？
在我的Web项目中开始使用bootstrap需要执行哪些自定义操作。我实际上是想在我的网络项目中使用bootstrap-treeview。
当更改为bootstrap文件夹并在npm命令将依赖项放在哪个文件夹中运行npm install时？我问这个是因为我不能运行这个命令，因为npm使用git命令/ ssh安装它的东西，我不能使用ssh因为我在HTTP认证代理后面。我必须手动添加依赖项。

对于不熟悉这种工具组合的人来说，在这里和引导程序的入门页面中，我们将非常感激。

Answer 1

您可以通过上述三种方式之一开始使用Bootstrap：

将其添加到您的项目
从源头构建
使用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>

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

1 个答案: