如何使用下载的引导程序文件

Question

我从bootstrap网站下载文件。然后我将文件移动到我的项目css和js文件夹中。我把它们联系起来并且不起作用。我用cdn尝试了它，它可以正常工作。

这是我的代码：

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

Answer 1

我认为问题在于你使用：

/css/bootstrap.min.css

第一个/表示当前驱动器的根文件夹，我认为它不包含css目录。

更具体地说：

• /表示当前驱动器的根目录;

• ./表示当前目录;

• ../表示当前目录的父目录。

您应该链接到css文件的正确路径（绝对路径或相对路径）。根据您的目录结构，您需要使用../css/bootstrap.min.css或css/bootstrap.min.css的可能性更大。

Answer 2

您可以将Twitter Bootstrap与Asset-Pipeline一起使用。步骤是......

1. 创建目录 grails-app / assets / bootstrap
2. 将Twitter Bootstrap css ，字体和 js 目录复制到步骤1中创建的目录中。您应该有一个这样的路径，例如： grails-app / assets / bootstrap / css / bootstrap.min.css

3. 使用以下内容创建 grails-app / assets / bootstrap / bootstrap.css 文件：

   + / *

   + * = require css / bootstrap.min

   + * = require css / bootstrap-theme.min

   + * /

4. 使用以下内容创建文件 app / grails-app / assets / bootstrap / bootstrap.js ：

   + // =需要js / bootstrap.min

5. 将以下内容添加到 app / grails-app / assets / javascripts / application.js

   // = require bootstrap

6. 将以下内容添加到 app / grails-app / assets / stylesheets / application.css

   * =需要bootstrap

7. 确保您的GSP或其使用的布局使用 asset：stylesheet 和 asset：javascript 标记来吸引资产。 （此步骤可能已经完成）：

Answer 3

我没有使用gsp方法查找文件路径。

它应该是这样的：

<link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.min.css')}" type="text/css">

Answer 4

尝试这个..

<link href="css/bootstrap.css" media="all" type="text/css" rel="stylesheet">

它为我工作