无法在 ERB 文件上添加 CSS，Sinatra

【问题标题】：Can't add CSS on ERB file, Sinatra无法在 ERB 文件上添加 CSS，Sinatra
【发布时间】：2012-12-30 07:31:32
【问题描述】：

我正在尝试将 Twitter Bootstrap CSS 添加到 ERB 文件并使用 Sinatra 运行，但 CSS 不显示。

我的代码：

<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">

我的文件夹结构在代码中是一样的。

我已经尝试过href="lib/... 和href="../lib/... 并且不起作用

有什么办法吗？

【问题讨论】：

【解决方案1】：

您应该将bootstrap.min.css 复制到您的Sinatra public 目录中。然后使用：

<link rel="stylesheet" href="/bootstrap.min.css">

将其包含在您的页面中。

【讨论】：

谢谢@riccardo-marotti！我也尝试使用 /public/bootstrap/css/bootstrap.min.css，但没有用。你知道为什么吗？
public 目录的内容在 Sinatra 应用程序的根目录中静态提供。您可以在您的public 文件夹中创建bootstrap/css 目录，并将bootstrap.min.css 放入其中：这样您就可以使用<link rel="stylesheet" href="/boostrap/css/bootstrap.min.css">