2014-09-03 2 views
3

Я попытался интегрировать Twitter Bootstrap 3.2 в проект Symfony 2.3.Интеграция Twitter Bootstrap 3.2 на проект Symfony 2.3

Только что нашел учебники для Bootstrap 3.0 с leafo/lessphp, но это больше не поддерживается и, кроме того, оно не работает для Bootstrap 3.2. Я не нашел ничего похожего на leafo/lessphp, который поддерживает последнюю версию Bootstrap.

Есть ли способ интегрировать Bootstrap 3.2 в проект Symfony 2.3?

С уважением

+0

Добавить ссылку на CSS/JS, обновить HTML структура - и пуф интегрирован. В чем проблема? – Kami

+0

Я разместил комментарий ниже, поскольку было несколько ответов, подобных вашим. Был ли я виноват, что я разместил вопрос, который недостаточно ясен.С уважением –

ответ

2

Это зависит от того, что вы имеете в виду интеграции: если вы имеете в виду только включая CSS и JS файлы, просто загрузите их, включить их в папку вашего активов и требуют их от вас шаблонов.

Если вы хотите контролировать способ создания источника LESS/SASSS, вы можете быть заинтересованы в this bundle [что волшебным образом показало, что это первый результат после googling для «symfony bootstrap»].

+0

BraincraftedBootstrapBundle также обеспечивает рендеринг формы бутстрапа и рендеринг меню с помощью KnpMenuBundle :) – sergekv

+0

Нужно ли мне устанавливать компилятор LESS и SASS или достаточно ли установить LESS или SASS? Это недостаточно ясно указано в их документации. Какой из них выбрать? –

+0

[В своих документах] (http://bootstrap.braincrafted.com/getting-started.html), они говорят, что полагаются на [Assetic] (http://symfony.com/doc/current/reference/configuration/assetic .html). – moonwave99

2

Вы только включить CSS и JS файлы в веточку файл, как это:

<link rel="stylesheet" href="{{asset('bundles/bundleName/css/bootstrap.css')}}"> 
<script src="{{ asset('bundles/bundleName/js/bootstrap.min.js') }}" ></script> 
0

Извините за то, что неясно. Я использую composer и config.yml для загрузки файлов.

Я также посмотрел вчера в комплекте (первый результат), но для bootstrap 3.0 был простой способ настройки, поэтому я спросил себя, есть ли простой способ сделать это с помощью бутстрапа 3.2.

Я не хочу включать файлы js и css вручную, хочу, чтобы это выполнялось композитором/Symfony.

Это был способ, он работал с начальной загрузкой 3,0:

http://mossco.co.uk/symfony-2/symfony-2-and-bootstrap-3-assetic-config-and-base-html-template-file/

В менее не поддерживается/развито больше, он не работает 3,2 бутстрап.

Надеюсь, что вопрос в настоящее время достаточно ясен. Если у вас есть какой-либо подход без комплекта, вы действительно поможете мне.

Если это самый простой и надежный способ: https://github.com/braincrafted/bootstrap-bundle Я буду использовать этот комплект.

5

symfony 2.6 Простая установка и обновление через композитор. Это только для шрифтов, css, js.

composer.json

"require": { 
    "twbs/bootstrap": "~3.3" 
} 

"post-install-cmd": [ 
    "php -r \"if (!file_exists('web/bundles/bootstrap/')){ symlink(__DIR__.'/vendor/twbs/bootstrap/dist', 'web/bundles/bootstrap');}\"" 
    ] 
"post-update-cmd": [ 
    "php -r \"if (!file_exists('web/bundles/bootstrap/')){ symlink(__DIR__.'/vendor/twbs/bootstrap/dist', 'web/bundles/bootstrap');}\"" 
    ] 

base.html.twig

<link href="{{ asset('bundles/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet"/> 
<script src="{{ asset('bundles/bootstrap/js/bootstrap.min.js') }}"></script> 

Затем запустите команду в корневой директории веб

composer update twbs/* 
+0

Это было удобно. Для причин переносимости я предпочитаю, чтобы символическая ссылка была относительной, хотя и не использовала абсолютный путь на машине разработчиков ... '' php -r \ "if (! File_exists ('web/bundles/bootstrap /')) {symlink ('../../ vendor/twbs/bootstrap/dist', 'web/bundles/bootstrap');} \ "" ' – dman

Смежные вопросы