如何将 Bootstrap 添加到 ExpressJS 中的项目？

我正在使用 nodejs 和框架 Express 开发应用程序。我想在本地将 Bootstrap 添加到我的项目中。我将其添加到我的索引中 <head>

 <script language="javascript" src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css"/>

我发现我必须将此代码添加到我的 app.js

 app.use(express.static(__dirname + '../node_modules/bootstrap/dist'));

但它也不起作用。（我记住了 Bootstrap 的路径并使用’../modules …‘）

原文由 Diego Izquierdo Dussan 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 345

你应该在你的 html 文件中引用你的样式表。

安装助推器：

 npm install --save bootstrap

服务器.js

 var express = require("express");
var app = express();
var router = express.Router();
var path = __dirname + '/views/'; // this folder should contain your html files.

router.get("/",function(req,res){
  res.sendFile(path + "index.html");
});

app.use("/",router);

app.listen(3000,function(){
  console.log("Live at Port 3000");
});

索引.html

此文件应位于 yourProject/views/：

 <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Single page web app using Angularjs</title>
<link href="../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>
<div>
<nav class="navbar navbar-inverse" role="navigation" style="padding-left:130px;">
       <ul class="nav navbar-nav">
      <li class="active"><a href="/">Home<span class="sr-only">(current)</span></a></li>
      <li><a href="/about">About us</a></li>
      <li><a href="/contact">Contact us</a></li>
    </ul>
</nav>
</div>
<br/>
<div class="jumbotron"> <p>
This is place your index including bootstrap
</p></div>
</div>

<script src="../node_modules/bootstrap/dist/js/bootstrap.js" type="text/javascript"></script>
</body>
</html>

原文由 Delcio Polanco 发布，翻译遵循 CC BY-SA 4.0 许可协议

如何将 Bootstrap 添加到 ExpressJS 中的项目？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么用Vue3和Element-Plus及手动写组件模仿一个网站的全站内容，要模仿的很像？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

Stack Overflow 翻译