Tải xuống mã đã biên dịch sẵn sàng để sử dụng cho Bootstrap v5. 0. 2 để dễ dàng tham gia vào dự án của bạn, bao gồm
Điều này không bao gồm tài liệu, tệp nguồn hoặc bất kỳ phần phụ thuộc JavaScript tùy chọn nào như Popper
Tải xuống
tập tin nguồn
Biên dịch Bootstrap với đường dẫn nội dung của riêng bạn bằng cách tải xuống các tệp tài liệu Sass, JavaScript và nguồn của chúng tôi. Tùy chọn này yêu cầu một số công cụ bổ sung
Nếu bạn yêu cầu bộ công cụ xây dựng đầy đủ của chúng tôi, chúng được bao gồm để phát triển Bootstrap và các tài liệu của nó, nhưng chúng có thể không phù hợp với mục đích của riêng bạn
nguồn tải xuống
ví dụ
Nếu bạn muốn tải xuống và kiểm tra các ví dụ của chúng tôi, bạn có thể lấy các ví dụ đã được tạo sẵn
Tải xuống ví dụ
CDN qua jsDelivr
Bỏ qua phần tải xuống với jsDelivr để phân phối phiên bản CSS và JS đã được lưu trong bộ nhớ cache của Bootstrap cho dự án của bạn
Nếu bạn đang sử dụng JavaScript đã biên dịch của chúng tôi và muốn bao gồm Popper một cách riêng biệt, hãy thêm Popper trước JS của chúng tôi, tốt nhất là thông qua CDN
quản lý gói
Kéo các tệp nguồn của Bootstrap vào hầu hết mọi dự án với một số trình quản lý gói phổ biến nhất. Bất kể trình quản lý gói nào, Bootstrap sẽ yêu cầu trình biên dịch Sass và Autoprefixer để thiết lập phù hợp với các phiên bản được biên dịch chính thức của chúng tôi
npm
Cài đặt Bootstrap trong Nút của bạn. ứng dụng hỗ trợ js với gói npm
2 hoặc
3 sẽ tải tất cả các plugin của Bootstrap lên một đối tượng
4. Mô-đun
4 tự xuất tất cả các plugin của chúng tôi. Bạn có thể tải từng plugin của Bootstrap theo cách thủ công bằng cách tải các tệp
6 trong thư mục cấp cao nhất của góiBootstrap's
0 chứa một số siêu dữ liệu bổ sung theo các khóa sau
1 - đường dẫn đến tệp nguồn Sass chính của Bootstrap
2 - đường dẫn đến CSS không được rút gọn của Bootstrap đã được biên dịch trước bằng cài đặt mặc định [không có tùy chỉnh]
Bắt đầu với Bootstrap qua npm với dự án khởi động của chúng tôi. Truy cập kho lưu trữ mẫu twbs/bootstrap-npm-starter để xem cách xây dựng và tùy chỉnh Bootstrap trong dự án npm của riêng bạn. Bao gồm trình biên dịch Sass, Autoprefixer, Stylelint, PurgeCSS và Biểu tượng Bootstrap
sợi
Cài đặt Bootstrap trong Nút của bạn. ứng dụng hỗ trợ js với gói sợi
RubyGems
Cài đặt Bootstrap trong các ứng dụng Ruby của bạn bằng Bundler [được khuyến nghị] và RubyGems bằng cách thêm dòng sau vào
3 của bạnNgoài ra, nếu bạn không sử dụng Bundler, bạn có thể cài đặt gem bằng cách chạy lệnh này
gem install bootstrap -v 5.0.2
Xem README của đá quý để biết thêm chi tiết
nhà soạn nhạc
Bạn cũng có thể cài đặt và quản lý Sass và JavaScript của Bootstrap bằng Composer
composer require twbs/bootstrap:5.0.2
NuGet
Nếu bạn phát triển trong. NET, bạn cũng có thể cài đặt và quản lý CSS hoặc Sass và JavaScript của Bootstrap bằng NuGet
Mặc dù bạn không phải sử dụng bất kỳ thư viện cụ thể nào để tích hợp Bootstrap với các ứng dụng React, nhưng việc này thường dễ dàng hơn là cố gắng bọc các plugin Bootstrap jQuery. React Bootstrap là tùy chọn phổ biến nhất cố gắng hoàn toàn ngang bằng với Bootstrap. Reacstrap cũng là một lựa chọn tốt cho các dự án đang tìm kiếm các bản dựng nhỏ hơn với chi phí của một số tính năng
Mỗi trang web tài liệu tương ứng của dự án có hướng dẫn chi tiết để cài đặt và sử dụng chúng. Cả hai đều phụ thuộc vào tệp css Bootstrap, vì vậy hãy cài đặt cả tệp đó
npm install bootstrap
Bản saoNgoài ra, bạn có thể sử dụng
7yarn add bootstrap
Bản saoNhập CSS Bootstrap và CSS chủ đề Bootstrap tùy chọn vào đầu tệp
8 của bạn
0Bản saoSử dụng chủ đề tùy chỉnh
Ghi chú. tính năng này khả dụng với
9 trở lên
Đôi khi bạn có thể cần điều chỉnh các kiểu trực quan của Bootstrap [hoặc gói tương đương]
Kể từ
9, bạn có thể nhập các tệp yarn add bootstrap
1. Điều này cho phép sử dụng các biến Sass tích hợp của gói cho các tùy chọn kiểu toàn cầuĐể bật
yarn add bootstrap
2 trong Create React App, bạn cần cài đặt yarn add bootstrap
3
4Bản saoNgoài ra, bạn có thể sử dụng
7
5Bản saoĐể tùy chỉnh Bootstrap, hãy tạo một tệp có tên
yarn add bootstrap
5 [hoặc tương tự] và nhập biểu định kiểu nguồn Bootstrap. Thêm bất kỳ phần ghi đè nào trước [các] tệp đã nhập. Bạn có thể tham khảo tài liệu của Bootstrap để biết tên của các biến có sẵn
7Bản saoGhi chú. Bạn có thể thêm tiền tố vào các đường dẫn bằng
6, như được hiển thị ở trên, để giải quyết các mô-đun từyarn add bootstrap
7yarn add bootstrap
Cuối cùng, nhập tệp
yarn add bootstrap
1 mới được tạo thay vì Bootstrap yarn add bootstrap
9 mặc định vào đầu tệp
8 của bạn chẳng hạn