Bootstrap là một bộ sưu tập miễn phí các công cụ để tạo ra các trang web và các ứng dụng web Bootstrap chứa HTML và CSS dựa trên các mẫu thiết kế cho các văn bản, các hình thức, các nút, chuyển hướng và các thành phần khác Bootstrap cũng có phần mở rộng JavaScript tùy chọn Bootstrap là mã nguồn mở và có sẵn trên GitHub Phiên bản mới nhất của Boostrap tính đến thời điểm tôi viết tài liệu này: Bootstrap
I Bootstrap gì? - Bootstrap sưu tập miễn phí cơng cụ để tạo trang web ứng dụng web Bootstrap chứa HTML CSS dựa mẫu thiết kế cho văn bản, hình thức, nút, chuyển hướng thành phần khác Bootstrap có phần mở rộng JavaScript tùy chọn Bootstrap mã nguồn mở có sẵn GitHub Phiên Boostrap tính đến thời điểm viết tài liệu này: Bootstrap II Tại nên sử dụng Boostrap? Thiết kế đẹp: Bootstrap thiết kế chuyên gia hàng đầu, nên mặt thẩm mỹ khơng có phải bàn cãi Hỗ trợ trình duyệt: Boostrap hỗ trợ tất trình duyệt phổ biến Dễ học: Chỉ cần có chút kiến thức HTML – CSS bạn làm việc với Bootstrap cách đơn giản Responsive Web Design: Từ phiên 3, Bootstrap có sẵn Responsive Web Design để tương thích với tất loại thiết bị (Desktop, tablet, mobile,…) Tốc độ thiết kế nhanh: Để thiết kế giao diện website, bạn sử dụng Boostrap thời gian bạn hồn thành nhanh so với việc bạn tự code HTML – CSS Hiện đại: Bootstrap thiết kế phù hợp với xu hướng cơng nghệ thiết kế web III Quy trình sử dụng Bootstrap Thiết lập trước sử dụng - Bước 1: Download phiên Boostrap - Bước 2: Nhúng CSS, Javascript c y cấu trúc file sau: Khi download Boostrap về, bạn thấy ng file sau đây: Trong Bootstrap có nhiều file, bạn b quan tâm cho Ø CSS: Bootstrap.css, boostrap.min.css Ø JS: bootstrap.js, js, bootstrap.min.js Ø Fonts: Toàn thư mục Trong đó: bootstrap.css bootstrap.min.css có tác dụng Bootstrap.js bootstrap.min.js Vậy có nghĩa gì? Min có nghĩa nén củaa file khơng có Các khoảng trắng file đượcc lo loại bỏ giúp giảm dung lượng file ð Lời khuyên: o Khi thiết kế máy tính, bạn b dùng bootstrap.css bootstrap.js đểể dễ dàng thiết kế o Khi upload lên server dùng bootstrap.min.css bootstrap.min.js để website load khơng bị chậậm Tiếp theo, bạn n nhúng file CSS, JS vào HTML theo cú pháp sau: Lowercased text.Uppercased uppercase">Uppercased text.
Capitalized apitalize">Capitalized text.
IV Danh sách Kiểu không xếp Đây kiểu xếp mặc định nh Không ccần phải sử dụng đến class Cú pháp: Sử dụng kiểu đơn giảản Chỉ cần ul với li xong