在Laravel 4中使用Bootstrap的最佳方法

Question

我现在正在使用Laravel 4，
在我的网站上使用bootstrap的最佳方法是什么？ 是否有一些我需要更改的内容以及我在哪里放置css文件？

有人说我需要使用composer而另一个人说我需要使用artisan

由于

Answer 1

你必须了解一些关于Laravel的事情：

它与您的前端无直接关系，包括Twitter Bootstrap。

您放置文件的位置完全取决于您，但公共文件夹（通常）是公共可见文件必须放在的位置。

CSS和JavaScript文件由浏览器直接下载，因此这些文件应该在您的公共文件夹中。

要下载/使用Bootstrap，您有一些选择：

1）转到http://getbootstrap.com/并下载。

2）使用凉亭（https://github.com/bower/bower）为您下载。

3）如果您计划使用Bootstrap模板，通常是已经附带Bootstrap的模板。

4）使用CDN，如http://www.bootstrapcdn.com/

我个人使用凉亭，这些是您可以按照以下步骤安装和使用它：

安装

[sudo] npm install bower

在项目目录中创建一个.bowerrc文件，告诉bower下载软件包的位置：

{
    "directory": "public/bower"
}

创建一个bower.json文件，其中包含已安装的软件包：

{
  "name": "YourApp.com",
  "dependencies": {
  }
}

然后你只需要使用它安装你的软件包：

bower install bootstrap -S
bower install jquery -S

您还可以使用它来查找包

bower search google-code-prettify

安装bootstrap后，您的css文件位于：

public/bower/bootstrap/dist/css/

在Laravel中，有许多方法可以包含您的资产，这是其中之一，在您查看编译器时使用Blade：

<link href="{{ asset('bower/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">

Answer 2

如果你不想使用凉亭，这就是方法。

• 下载引导程序并提取public/components/

中的内容

• 使用Blade作为视图编译器，请按照以下方式使用：

---

<link href="{{ asset('components/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">

或者像这样

{{ HTML::style('components/bootstrap/dist/css/bootstrap.min.css') }}