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

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

它与你的前端没有任何关系,包括Twitter Bootstrap.

放置文件的位置完全取决于您,但公共文件夹(通常)是您的公共可查看文件必须放在哪里.

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

要下载/使用Bootstrap,您有一些选择:

1)转到http://getbootstrap.com/并下载它.

2)使用bower(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">

如果您不想使用凉亭,这就是方法.

下载bootstrap并解压缩里面的内容 public/components/

使用Blade作为视图编译器,使用它如下:

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

或者像这样

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