twitter-bootstrap – 在Laravel 4中使用Bootstrap的最佳方法

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 在Laravel 4中使用Bootstrap的最佳方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我现在正在使用Laravel 4,
在我的网站上使用bootstrap的最佳方法是什么?
是否有一些我需要更改的东西以及我在哪里放置css文件

有人说我需要使用作曲家而另一个说我需要使用工匠

谢谢

解决方法

关于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">

猜你在找的Bootstrap相关文章