Cách thêm bootstrap vào django

Bootstrap là một khung web được xây dựng để giúp bạn thiết kế các trang web đáp ứng nhanh hơn. Nó chứa rất nhiều mã css/javascript và jquery tùy chỉnh mà bạn có thể sử dụng để tạo kiểu và bố cục trang web của mình

Thêm Bootstrap

Hướng dẫn đầy đủ về cách thêm bootstrap có thể xem tại đây

Để thêm Bootstrap, bạn cần thêm một số thứ vào mẫu cơ sở của mình

First ensure you have "" at the very top of your base template.

Tiếp theo, trong các thẻ đầu của mẫu cơ sở của bạn, hãy thêm đoạn mã sau

 charset="utf-8">
 name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

Cuối cùng, thêm đoạn mã sau vào END của thẻ body của bạn

Và đó là để thêm bootstrap

Sử dụng Bootstrap

Để xem danh sách đầy đủ các lớp bootstrap và hướng dẫn chuyên sâu hơn về bootstrap, hãy nhấp vào đây

Tôi chỉ đơn giản là sẽ sử dụng bootstrap để tạo kiểu cho trang web của mình. Thoải mái loay hoay với các lớp khác nhau và làm cho trang web của bạn trông khác đi

Bây giờ bạn đã có sẵn ứng dụng web Django với cơ sở dữ liệu PostgreSQL được cài đặt hoặc triển khai cho Heroku hoặc miền tùy chỉnh hoặc chỉ là một ứng dụng Django cục bộ đơn giản, bạn muốn có giao diện giao diện người dùng của một chủ đề Bootstrap mà bạn đã thấy. Tất nhiên, khung Bootstrap đi kèm với khả năng phản hồi tốt của riêng nó và phần lớn công việc giao diện người dùng được thực hiện cho bạn. Tôi hơi tò mò/sợ làm thế nào một mẫu độc lập có thể được tích hợp vào bố cục dự án trung đoàn của Django. Do đó, hướng dẫn này dành cho mục đích này và… thật đơn giản

Kho lưu trữ github này có hướng dẫn hoàn chỉnh. Đây là cách bố cục dự án cho thư mục duy nhất trước và sau khi tích hợp bootstrap

Đây là một ảnh chụp màn hình chạy cục bộ của ứng dụng

Sau đó, phần còn lại của việc tái cấu trúc tệp static5 thành vendor6 , mở rộng tệp đó thành tệp static5 và đặt câu hỏi static6 ở đó. Đây là giao diện sau khi tùy chỉnh ban đầu chủ đề

Tôi đang tự hỏi làm thế nào khung giao diện người dùng khác như vendor9 hoặc static0 được tích hợp vào Django. Quá trình phải khá giống nhau

Dù sao, Xin chúc mừng bạn đã tích hợp chủ đề Bootstrap vào ứng dụng Django của mình. Hy vọng điều này sẽ giúp ích cho sự phát triển của bạn

Làm cách nào để sử dụng biểu mẫu Bootstrap trong Django?

Làm cách nào để tải Bootstrap 5 trong Django?

Tôi có thể sử dụng Bootstrap 5 với Django không?

Làm cách nào để triển khai Bootstrap trong Python?