Bootstrap được biên dịch trước
Sau khi tải xuống, hãy giải nén thư mục nén và bạn sẽ thấy một cái gì đó như sau:Sao chép
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
Đây là dạng cơ bản nhất của Bootstrap: các tệp được biên dịch trước để sử dụng nhanh chóng trong hầu hết các dự án web. Chúng tôi cung cấp CSS đã biên dịch và JS ( bootstrap.*), cũng như CSS và JS ( bootstrap.min.*) được biên dịch và rút gọn . bản đồ nguồn ( bootstrap.*.map) có sẵn để sử dụng với các công cụ dành cho nhà phát triển của trình duyệt nhất định. Các tệp JS được đóng gói ( bootstrap.bundle.jsvà được rút gọn bootstrap.bundle.min.js) bao gồm Popper .
Tệp CSS
Bootstrap bao gồm một số tùy chọn để bao gồm một số hoặc tất cả CSS đã biên dịch của chúng tôi.
| Tệp CSS | Bố trí | Nội dung | Các thành phần | Tiện ích |
|---|---|---|---|---|
bootstrap.cssbootstrap.rtl.cssbootstrap.min.cssbootstrap.rtl.min.css | Bao gồm | Bao gồm | Bao gồm | Bao gồm |
bootstrap-grid.cssbootstrap-grid.rtl.cssbootstrap-grid.min.cssbootstrap-grid.rtl.min.css | Chỉ hệ thống lưới | – | – | Chỉ các tiện ích linh hoạt |
bootstrap-utilities.cssbootstrap-utilities.rtl.cssbootstrap-utilities.min.cssbootstrap-utilities.rtl.min.css | – | – | – | Bao gồm |
bootstrap-reboot.cssbootstrap-reboot.rtl.cssbootstrap-reboot.min.cssbootstrap-reboot.rtl.min.css | – | Chỉ khởi động lại | – | – |
Tệp JS
Tương tự, chúng tôi có các tùy chọn để bao gồm một số hoặc tất cả JavaScript đã biên dịch của chúng tôi.
| Tệp JS | Popper |
|---|---|
bootstrap.bundle.jsbootstrap.bundle.min.js | Bao gồm |
bootstrap.jsbootstrap.min.js | – |
Mã nguồn Bootstrap
Việc tải xuống mã nguồn Bootstrap bao gồm các nội dung CSS và JavaScript được biên dịch trước, cùng với Sass nguồn, JavaScript và tài liệu. Cụ thể hơn, nó bao gồm những thứ sau và hơn thế nữa:Sao chép
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.0/
│ └── examples/
├── js/
└── scss/
Các scss/và js/là mã nguồn cho CSS và JavaScript của chúng tôi. Các dist/thư mục bao gồm tất cả mọi thứ được liệt kê trong phần tải về biên dịch sẵn ở trên. Các site/docs/thư mục bao gồm các mã nguồn cho tài liệu của chúng tôi, và examples/của việc sử dụng Bootstrap. Ngoài ra, bất kỳ tệp tin kèm theo nào khác đều cung cấp hỗ trợ cho các gói, thông tin giấy phép và phát triển.