Лучший способ использовать Bootstrap в Laravel 4

Я использую сейчас Laravel 4,
Каков наилучший метод использования bootstrap для моего сайта?
Есть ли какие-то вещи, которые мне нужно изменить, и где я могу поместить файлы css?

кто-то сказал, что мне нужно использовать composer и еще сказал, что мне нужно использовать artisan

спасибо

7
laravel-4 twitter-bootstrap

3 ответов

некоторые вещи, которые вы должны знать о Laravel:

он не имеет ничего общего с вашим передним концом, включая Twitter Bootstrap.

где вы помещаете свои файлы полностью зависит от вас, но общая папка (обычно), где ваши общедоступные файлы должны идти.

CSS и JavaScript файлы напрямую загружаются браузером, поэтому эти файлы должны быть в вашей общей папке.

скачать/использовать Ушко у вас есть несколько вариантов:

1) на http://getbootstrap.com/ и скачать ее.

2) использовать bower (https://github.com/bower/bower), чтобы загрузить его для вас.

3) если вы планируете использовать шаблон начальной загрузки, обычно они уже поставляются с начальной загрузкой.

4) Используйте CDN, например http://www.bootstrapcdn.com/

I, лично, используйте bower, это шаги, которые вы можете выполнить, чтобы установить и использовать:

установки

[sudo] npm install bower

создать .bowerrc файл в вашем проекте dir, который сообщает 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">
35

вот подход, если вы не хотите использовать bower.

  • загрузите 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') }}
11

вы можете просто включить его в свое приложение с composer:

композитор требует twbs / bootstrap

1