Hướng dẫn bootstrap 5 components - bootstrap 5 thành phần
Bắt đầu nhanhBắt đầu bằng cách bao gồm CSS sẵn sàng sản xuất Bootstrap và JavaScript thông qua CDN mà không cần bất kỳ bước xây dựng nào. Xem nó trong thực tế với bản demo codepen bootstrap này. Show
Liên kết CDNĐể tham khảo, đây là các liên kết CDN chính của chúng tôi.
Bạn cũng có thể sử dụng CDN để tìm nạp bất kỳ bản dựng bổ sung nào của chúng tôi được liệt kê trong trang Nội dung. Bước tiếp theo
Thành phần JSTò mò những thành phần nào rõ ràng yêu cầu JavaScript và Popper của chúng tôi? Nhấp vào liên kết Hiển thị thành phần bên dưới. Nếu bạn không chắc chắn về cấu trúc trang chung, hãy tiếp tục đọc cho một mẫu trang ví dụ.
Quả cầu quan trọngBootstrap sử dụng một số ít các phong cách và cài đặt toàn cầu quan trọng, tất cả đều hầu như chỉ hướng đến việc chuẩn hóa các kiểu trình duyệt chéo. Hãy để lặn trong. HTML5 DOCTYPEBootstrap yêu cầu sử dụng HTML5 DocType. Không có nó, bạn sẽ thấy một số kiểu dáng vui nhộn và không hoàn chỉnh.
Thẻ meta đáp ứngBootstrap được phát triển di động trước tiên, một chiến lược trong đó chúng tôi tối ưu hóa mã cho các thiết bị di động trước và sau đó mở rộng các thành phần khi cần thiết bằng cách sử dụng các truy vấn phương tiện CSS. Để đảm bảo kết xuất và chạm vào phù hợp cho tất cả các thiết bị, hãy thêm thẻ Meta Viewport đáp ứng vào
Bạn có thể thấy một ví dụ về điều này trong hành động trong khởi đầu nhanh chóng. Kích thước hộpĐể có kích thước đơn giản hơn trong CSS, chúng tôi chuyển giá trị toàn cầu 6 từ 7 sang 8. Điều này đảm bảo 9 không ảnh hưởng đến chiều rộng được tính toán cuối cùng của một phần tử, nhưng nó có thể gây ra sự cố với một số phần mềm của bên thứ ba như Google Maps và Google Custom Search Engine.Trong dịp hiếm hoi, bạn cần phải ghi đè nó, sử dụng một cái gì đó như sau:
Với đoạn trích trên, các phần tử lồng nhau, bao gồm nội dung được tạo ra thông qua 0 và ________ 21, tất cả sẽ được thừa hưởng 6 được chỉ định cho 3 đó.Tìm hiểu thêm về mô hình hộp và kích thước tại các thủ thuật CSS. Khởi động lạiĐể kết xuất trình duyệt chéo được cải thiện, chúng tôi sử dụng khởi động lại để sửa chữa sự không nhất quán trên các trình duyệt và thiết bị trong khi cung cấp các thiết lập lại có ý kiến hơn một chút cho các yếu tố HTML thông thường. Luôn cập nhật về sự phát triển của Bootstrap và tiếp cận với cộng đồng với các tài nguyên hữu ích này.
Bạn cũng có thể theo dõi @getbootstrap trên Twitter để biết những video âm nhạc mới nhất và tuyệt vời. |