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 Show Thêm BootstrapHướ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
|