2015-12-09 25 views
5

Tôi mới bắt đầu học Symfony3 và tôi đang cố gắng tạo chủ đề biểu mẫu của mình bằng cách sử dụng bootstrap3. Theo documentation, bootstrap_3_layout.html.twig được xây dựng-in và có thể được kích hoạt trên toàn cầu bằng cách thay đổi các thiết lập Twig trong config.yml:Bootstrap 3 không hoạt động trong Symfony3

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

Khi tôi tải lại trang, tải trang web mà không CSS, file cành lá và mã nguồn trang web như sau:

{# 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> 

Điều này cho thấy các lớp bootstrap3 đã được tiêm chính xác. Các trang web riêng của mình trông như thế này:

enter image description here

bước gì (s) có tôi bị mất để có được những CSS để làm việc một cách chính xác?

Trả lời

4

Bạn vẫn phải thêm các tệp khởi động, CSS và JS, vào ứng dụng và mẫu của mình. Chủ đề biểu mẫu chỉ đảm bảo rằng đánh dấu được tạo thành tốt theo bootstrap.

+0

Xin chào, tôi đang tạo dự án Symfony đầu tiên trong v3.0.5 và không biết cách thêm bootstrap. Đầu tiên tôi sử dụng nhà soạn nhạc để cài đặt bootstrap 3 và jQuery 2.2. Nhưng những tập tin nào tôi nên sao chép và ở đâu? –

1

Là một cách alternativ bạn có thể bao gồm các bó

https://github.com/phiamo/MopaBootstrapBundle

Into dự án của bạn và nhận các tập tin Bootstrap (sass/ít hơn) Into dự án của bạn.

Tài liệu về cài đặt cũng có sẵn trên Trang đó. Tôi đang sử dụng tích hợp tự viết bằng các phương pháp tương tự.

Ưu điểm là bạn có thể bao gồm chuỗi tùy chỉnh vào dự án của mình và biên dịch thành một tệp css duy nhất mà bạn đưa vào tiêu đề mẫu.

Các vấn đề liên quan