Source

Tải xuống

Tải xuống Bootstrap để nhận CSS và JavaScript đã biên dịch, mã nguồn hoặc bao gồm nó với các trình quản lý gói yêu thích của bạn như npm, RubyGems, v.v.

CSS và JS đã biên dịch

Tải xuống mã đã biên dịch sẵn sàng để sử dụng cho Bootstrap v4.0.0 để dễ dàng đưa vào dự án của bạn, bao gồm:

  • Các gói CSS được biên dịch và rút gọn (xem so sánh các tệp CSS )
  • Các plugin JavaScript được biên dịch và rút gọn

Điều này không bao gồm tài liệu, tệp nguồn hoặc bất kỳ phụ thuộc JavaScript tùy chọn nào (jQuery và Popper.js).

Tải xuống

Tệp 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 Sass, JavaScript và tài liệu 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:

  • Trình biên dịch Sass (hỗ trợ Libsass hoặc Ruby Sass) để biên dịch CSS của bạn.
  • Trình sửa lỗi tự động cho tiền tố nhà cung cấp CSS

Nếu bạn yêu cầu các công cụ xây dựng , 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

jsDelivr

Bỏ qua quá trình tải xuống với jsDelivr để cung cấp phiên bản đã lưu trong bộ nhớ cache của CSS và JS đã biên dịch của Bootstrap cho dự án của bạn.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

Nếu bạn đang sử dụng JavaScript đã biên dịch của chúng tôi, đừng quên bao gồm các phiên bản CDN của jQuery và Popper.js trước nó.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

Người quản lý gói

Kéo các tệp nguồn của Bootstrap vào gần như bất kỳ dự án nào bằng 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, Bootstrap sẽ yêu cầu trình biên dịch Sass và Trình sửa lỗi tự động để thiết lập phù hợp với các phiên bản đã biên dịch chính thức của chúng tôi.

npm

Cài đặt Bootstrap trong các ứng dụng được cung cấp bởi Node.js của bạn với gói npm :

npm install bootstrap

require('bootstrap')sẽ tải tất cả các plugin jQuery của Bootstrap vào đối tượng jQuery. Bản bootstrapthân mô-đun không xuất bất cứ thứ gì. Bạn có thể tải từng plugin jQuery của Bootstrap theo cách thủ công bằng cách tải các /js/*.jstệp trong thư mục cấp cao nhất của gói.

Bootstrap's package.jsonchứa một số siêu dữ liệu bổ sung theo các khóa sau:

  • sass- đường dẫn đến tệp nguồn Sass chính của Bootstrap
  • style- đườ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ách sử dụng cài đặt mặc định (không có tùy chỉnh)

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 Gemfile:

gem 'bootstrap', '~> 4.0.0'

Ngoà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 sau:

gem install bootstrap -v 4.0.0

Xem README của đá quý để biết thêm chi tiết.

Người 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:4.0.0

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 :

Install-Package bootstrap
Install-Package bootstrap.sass