Nội dung

Khám phá những gì được bao gồm trong Bootstrap, bao gồm cả hương vị mã nguồn và mã được biên dịch trước của chúng tôi.

Trên trang này

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:

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 sẵn để 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	Cách trình bày	Nội dung	Các thành phần	Tiện ích
`bootstrap.css` `bootstrap.rtl.css` `bootstrap.min.css` `bootstrap.rtl.min.css`	Đã bao gồm	Đã bao gồm	Đã bao gồm	Đã bao gồm
`bootstrap-grid.css` `bootstrap-grid.rtl.css` `bootstrap-grid.min.css` `bootstrap-grid.rtl.min.css`	Chỉ hệ thống lưới	-	-	Chỉ các tiện ích linh hoạt
`bootstrap-utilities.css` `bootstrap-utilities.rtl.css` `bootstrap-utilities.min.css` `bootstrap-utilities.rtl.min.css`	-	-	-	Đã bao gồm
`bootstrap-reboot.css` `bootstrap-reboot.rtl.css` `bootstrap-reboot.min.css` `bootstrap-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.js` `bootstrap.bundle.min.js`	Đã bao gồm
`bootstrap.js` `bootstrap.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 điều sau và hơn thế nữa:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── site/
│   └──content/
│      └── docs/
│          └── 5.1/
│              └── examples/
├── js/
└── scss/

Và là mã nguồn cho CSS và JavaScript của chúng tôi scss/. js/Thư dist/mục bao gồm mọi thứ được liệt kê trong phần tải xuống được biên dịch trước ở trên. Thư site/docs/mục bao gồm mã nguồn cho tài liệu của chúng tôi và examples/cách 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.