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ã đã biên dịch của chúng tôi.

Trên trang này

Biên dịch Bootstrap

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ử 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.min.css` `bootstrap.rtl.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

Tải xuống mã nguồn Bootstrap bao gồm các tài sản CSS và JavaScript đã biên dịch, 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.2/
│              └── 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 đã biên dịch ở trên. Thư site/content/docs/mục bao gồm mã nguồn cho tài liệu được lưu trữ của chúng tôi, bao gồm các ví dụ trực tiếp của chúng tôi về 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.