css - 在 Express 元素中本地包含 Bootstrap/Semantic UI?

标签 css node.js twitter-bootstrap express

我下载了 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/

相关文章:

node.js - 如何使用 Node 列出谷歌计算引擎存储的图像?

node.js - 如何在后台连续观看 typescript 文件而不​​阻塞终端?

html - CSS 优先级在 bootstrap 中无法按预期工作

html - ASP.NET 文本框在从右到左的网页中从左到右对齐文本

twitter-bootstrap - Angular 2 Bootstrap 4 和 ng-bootstrap

asp.net - ASP.NET MVC 应用程序的高级主题

javascript - HTML/CSS 内联文本区域将宽度设置为与输入相同

javascript - 如何增加 Webstorm 调试器中显示的帧数?

html - 如何仅使用一个 SPAN 向 CSS2 中的每一行添加填充(左和右)?棘手?

javascript - CSS3 和 jQuery 中的简单推送菜单