Source

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ã nguồn được biên dịch trước của chúng tôi. Hãy nhớ rằng, các plugin JavaScript của Bootstrap yêu cầu jQuery.

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-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.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 , nhưng không bao gồm jQuery .

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`	Đã bao gồm	Đã bao gồm	Đã bao gồm	Đã bao gồm
`bootstrap-grid.css` `bootstrap-grid.min.css`	Chỉ hệ thống lưới	Không bao gồm	Không bao gồm	Chỉ các tiện ích linh hoạt
`bootstrap-reboot.css` `bootstrap-reboot.min.css`	Không bao gồm	Chỉ khởi động lại	Không bao gồm	Không bao gồm

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	jQuery
`bootstrap.bundle.js` `bootstrap.bundle.min.js`	Đã bao gồm	Không bao gồm
`bootstrap.js` `bootstrap.min.js`	Không bao gồm	Không bao gồm

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/
│   └──docs/
│      └── 4.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 đượ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.