我下载了 bootstrap 的缩小版,并将其放在我的元素的根目录中。然后在/views/的 HTML 文件中添加:
<link rel="stylesheet" href="/bootstrap.min.css">
但是,由于未添加 Bootstrap 样式,页面看起来仍然一样。我知道我可以使用 CDN,我做到了并且它有效,但现在我想尝试在本地包含它。我尝试类似地包含 Semantic-UI,但它也没有用。我做错了什么?
最佳答案
我想我明白了。假设您在/public 中有样式表,那么您必须将此行添加到您的应用程序文件(通常是 app.js):
app.use(express.static(path.join(__dirname, 'public')));
从现在开始,您可以使用以下代码从元素的任何位置链接到您的样式表:
<link rel="stylesheet" href="/bootstrap.min.css">
请注意,我们不再需要指定完整路径,即“/public/bootstrap.min.css”——我们省略了“/public”(事实上 href="/public/bootstrap.min.css
将是一个错误)。
如果有人读到这篇文章可以解释为什么第一行是必要的,请在下面评论。我相信我明白它的作用,但为什么 Express 的创造者坚持这样做,即为什么我不能 <link>
我的本地文件通常是我没有得到的。
关于css - 在 Express 元素中本地包含 Bootstrap/Semantic UI?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41143799/