Trước khi bắt đầu đọc bài viết này thì các bạn hãy đảm bảo rằng bộ công cụ đã chuẩn bị sẵn mà tôi đề cập ở bài tổng quan bootstrap 3 nhé. Cũng như yêu cầu tối thiểu tối thiểu cần có là kiến thức về html & css căn bản. Ok, bây giờ chúng ta sẽ tiến hành dowload Bootstrap cũng như tìm hiểu cấu trúc bên trong của nó
Bài viết này đã được đăng tại freetuts. net , không được sao chép dưới mọi hình thức.
1. Tải xuống Bootstrap 3
Đầu tiên các bạn cần phải vào để lựa chọn phiên bản cần tải xuống, có ba phiên bản để tải về như sau.
Phiên bản bootstrap 3
Có tổng cộng 3 phiên bản, vậy từng phiên bản có cấu trúc ra sao và đặc tính như thế nào?
Bootstrap được biên dịch sẵn. Đây là phiên bản, được biên dịch sẵn, chúng ta chỉ việc tải xuống về giải nén và sử dụng thôi. Mời các bạn xem file cấu trúc
bootstrap/
├── css/
│ ├── bootstrap. css
│ ├── bootstrap. tối thiểu. css
│ ├── bootstrap-theme. css
│ └── bootstrap-theme. tối thiểu. css
├── was/
│ ├── bootstrap. js
│ └── bootstrap. tối thiểu. js
└── phông chữ/
├── glyphicons-halflings-regular. eot
├── glyphicons-halflings-regular. svg
├── glyphicons-halflings-regular. ttf
└── glyphicons-halflings-regular. woff
Các bạn có thể dễ dàng nhận ra rằng với phiên bản được biên dịch sẵn thì Bootstrap đã cung cấp cho chúng ta bộ định kiểu cũng như tệp CSS & JS tối ưu, cấu trúc rất rõ ràng nhé. Ngoài ra còn có 4 tệp phông chữ, những tệp này chứa bao gồm 200 biểu tượng biểu tượng [Không rõ] được sử dụng để trang trí trang web thật là bắt mắt và trang web tiết kiệm năng lượng thay vì cách css thông thường muốn sử dụng các biểu tượng thì chúng tôi . Glyphicon Halflings đã giúp chúng ta dễ dàng hơn trong trang web việc làm bằng các biểu tượng.
Bài viết này đã được đăng tại [free tuts. bọc lưới]
Mã nguồn khởi động. Đây là bộ mã nguồn của Bootstrap, nó bao gồm các biên dịch Css & javascript có sẵn, nó có kèm theo tài liệu hướng dẫn tự xây dựng một thư viện css riêng. Lời khuyến nghị là không nên tải xuống bộ mã nguồn này nhé, chúng ta chỉ sử dụng phiên bản được biên dịch và đóng gói sẵn thôi. This is structure of it
bootstrap/
├── less/
├── js/
├── phông chữ/