2015-12-09 23 views
5

Właśnie zacząłem uczyć się Symfony3 i próbuję przedstawić mój formularz za pomocą bootstrap3. Według documentation, bootstrap_3_layout.html.twig jest wbudowane i może być aktywowany globalnie poprzez zmianę ustawień gałązka w config.yml:Bootstrap 3 nie działa w Symfony3

# Twig Configuration 
twig: 
    debug:   "%kernel.debug%" 
    strict_variables: "%kernel.debug%" 
    form_themes: 
     - "bootstrap_3_layout.html.twig" 

Kiedy odświeżyć stronę, obciążenia stronę bez CSS, plik gałązka i źródło strony są to:

{# app/Resources/views/experiment/new.html.twig #} 

{{ form_start(form) }} 
{{ form_widget(form) }} 
{{ form_end(form) }} 


<form name="form" method="post"> 
<div id="form"><div class="form-group"><label class="control-label required" for="form_title">Title</label><input type="text" id="form_title" name="form[title]" required="required" class="form-control" /></div><div class="form-group"><button type="submit" id="form_save" name="form[save]" class="btn-default btn">Create Task</button></div><input type="hidden" id="form__token" name="form[_token]" class="form-control" value="O7tN2AUjyLByEz2tkNf675jqixxjev0p4ivzs5Bn4VA" /></div> 
</form> 

Co pokazuje, że klasy bootstrap3 zostały poprawnie wstrzyknięte. Sama strona wygląda tak:

enter image description here

Co krok (e) zostały pominięte, aby uzyskać CSS działa poprawnie?

Odpowiedz

4

Nadal musisz dodać pliki bootstrap, CSS i JS do swojej aplikacji i szablonów. Motyw formularza zapewnia tylko, że znacznik jest dobrze uformowany zgodnie z bootstrapem.

+0

Witam Tworzę swój pierwszy projekt Symfony w wersji 3.0.5 i nie mam pojęcia jak dodać bootstrap. Po pierwsze używam kompozytora do instalacji bootstrap 3 i jQuery 2.2. Ale jakie pliki należy skopiować i gdzie? –

1

Jako sposób alternatyw można zawierać pakiet

https://github.com/phiamo/MopaBootstrapBundle

do projektu i pobrać pliki Bootstrap (Sass/mniej) do projektu.

Dokumentacja dotycząca instalacji jest również dostępna na tej stronie. Używam samoporządkowanej integracji, która używa dość podobnych metod.

Zaletą jest to, że możesz dołączyć niestandardowy sass do swojego projektu i skompilować go w jeden plik css, który umieścisz w nagłówku szablonu.