Hướng dẫn phát triển plugin của platform grafana bằng javascript năm 2024
Provide feedbackSaved searchesUse saved searches to filter your results more quicklySign up Show You can’t perform that action at this time. Bootstrap CDN là hình thức phân phối framework CSS theo địa lý bằng cách sử dụng Content Delivery Network. Nếu sử dụng Bootstrap CDN thì nên ưu tiên chọn mạng CDN của Stackpath - mạng phân phối nội dung cho hơn 8 triệu website trên thế giới. Bootstrap CDN có thể phân phối framework CSS trên khắp thế giới với CDN \>> Tìm hiểu thêm: Bootstrap là gì? Hướng dẫn tạo trang web đơn giản với Bootstrap Lợi ích khi sử dụng Bootstrap CDN
Vì sao nên phát triển website bằng Bootstrap?
Cách sử dụng Bootstrap CDNCách liên kết Bootstrap trên máy chủ CDNĐể liên kết Bootstraps trên máy chủ CDN, bạn có thể làm theo các bước sau Bước 1: Xây dựng tệp HTML cơ bản Sử dụng trình soạn thảo code để tạo tệp. Lưu ý, trong tệp phải có tags để cấp quyền cho tính năng thu phóng và đảm bảo website tương thích với thiết bị di động. Bước 2: Chuyển đổi tệp thành mẫu Bootstrap Bootstrap có chứa các tệp CDN Bootstrap CSS và Bootstrap JS CDN cũng như Popper và Bootstrap jQuery thông qua các liên kết CDN của chúng. Đồng thời ở cuối trang phải có các tệp JavaScript ở trước thẻ để tăng hiệu suất của website. Bước 3: Lưu và Xem lại Sau khi điều chỉnh xong website của mình, bạn có thể lưu file vào máy dưới dạng “bootstrap-template.html”. Lưu ý, đuôi của tệp phải sử dụng đuôi mở rộng “html” vì một số trình soạn thảo sẽ mặc định lưu file dưới dạng đuôi “.txt”. Cách dùng Bootstrap CDNCách dùng Bootstrap qua CDN của StackPath khá đơn giản, bạn chỉ cần nhúng file stylesheet và javascript, bao gồm file CSS trong thẻ của HTML sau:
Sau đó, copy mã code sau vào tệp JavaScript của jQuery, Popper.js và Bootstrap trước khi kết thúc thẻ :
Cách dùng Bootstrap 5 qua CDNSử dụng Bootstrap 5 sẽ giúp loại bỏ việc phụ thuộc vào JQuery, thêm file stylesheet sau vào tag của mẫu HTML:
Cuối cùng, thêm hai file JavaScript sau trước khi kết thúc tag :
Hy vọng qua những chia sẻ trên đã giúp bạn hiểu được Bootstrap CDN là gì, vì sao nên sử dụng Bootstrap CDN và cách dùng chúng như thế nào. |