Người dùng Windows, Bạn có thể biết khó khăn khi cài đặt tài liệu bootstrap 3 trong máy cục bộ của mình. Điều này là do Bootstrap 3 được thiết kế bằng Jekyll. Đó là một nhiệm vụ khó khăn đối với tôi, là một nhà thiết kế, tôi không biết gì về ruby trên đường ray hoặc github. Tôi đã cố gắng cài đặt nó theo đúng cách, nhưng nó chỉ lãng phí thời gian của tôi. Cuối cùng tôi đã có nó ngoại tuyến. Vì vậy, tôi nghĩ mình nên chia sẻ tài liệu Bootstrap 3 với cộng đồng để ngăn chặn một số quy trình khó khăn
Cũng xin lưu ý rằng có thể có một số thay đổi nhỏ với các tài liệu trực tuyến vì nó luôn cập nhật. Tuy nhiên tôi sẽ tiếp tục cập nhật lên phiên bản mới nhất theo thời gian
Trên thực tế, tôi quan tâm nhiều hơn đến việc học cách biên dịch các tài liệu cần xử lý trước khi có thể đọc được, thay vì chỉ đọc thẳng về bootstrap
Tôi gặp khó khăn trong quá trình biên dịch mã nguồn của tài liệu và lẽ ra nên tiếp tục, nhưng tôi muốn biên dịch nó đơn giản chỉ để tìm hiểu cách biên dịch tài liệu, vì đây không phải là lần đầu tiên tôi gặp phải các tài liệu cần một số loại biên dịch trước khi trở thành
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ộ đầy đủ của chúng tôi, chúng được đưa vào để 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 một 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
const bootstrap = require['bootstrap']
hoặc import bootstrap from 'bootstrap'
sẽ tải tất cả các plugin của Bootstrap lên một đối tượng bootstrap
. Mô-đun bootstrap
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 /js/dist/*.js
trong thư mục cấp cao nhất của gói
Bootstrap'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ách sử dụ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
Tải xuống Bootstrap từ 4. 4 - 5. 1 Tài liệu ngoại tuyếnTài liệu ngoại tuyến Bootstrap5
Kích thước. 4mb [tối đa]
Xin đừng quên bắt đầu dự án này nếu bạn thấy nó hữu ích
Chỉ cần tải xuống giải nén và nhấp vào chỉ mục. html. thì đấy. Mã hóa hạnh phúc😄
Cảm ơn bạn.
Đây là nơi chúng tôi thêm CSS lõi Bootstrap
src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"
Tải jQuery qua Google CDN. Tốt hơn là tải nó từ CDN qua HTTP vì các tệp có thể được lưu vào bộ đệm trong một năm
src="js/bootstrap.min.js
Thêm JavaScript lõi Bootstrap. Cú pháp này phải nằm dưới cú pháp jQuery để hoạt động bình thường. Quá trình bổ sung có thể được thực hiện thông qua URL của Google hoặc tải xuống thủ công
Bootstrap cung cấp gói JavaScript để đơn giản hóa quy trình. Tuy nhiên, bootstrap. bó. js và bootstrap. bó. tối thiểu. js bao gồm Popper thay vì jQuery. Popper là một công cụ định vị để tính toán vị trí của các phần tử
NavbarHome [current] Features Pricing Disabled
Ví dụ về cách sử dụng liên kết điều hướng thanh điều hướng Bootstrap để tạo menu của trang web
Đảm bảo trang web của bạn có thể xử lý mọi thứ – từ lưu lượng truy cập cao đến thời gian tải nhanh, v.v. Mua dịch vụ lưu trữ web
Phần kết luận
Bootstrap là một front-end framework miễn phí phổ biến đối với các nhà phát triển hiện nay, đặc biệt là những người làm việc trong thế giới thiết kế web. Nó rất dễ sử dụng và giúp các nhà phát triển tiết kiệm rất nhiều thời gian khi phải viết mã HTML, CSS và JavaScript theo cách thủ công
Khung Bootstrap đủ linh hoạt và mạnh mẽ để đáp ứng hầu hết mọi nhu cầu phát triển trang web mặt trước. Tính năng tốt nhất của nó là các mẫu thiết kế giúp các trang web hoạt động tối ưu trên mọi kích thước màn hình
Mặc dù có một chút đường cong học tập, nhưng nó có rất nhiều tài nguyên để giúp bạn bắt đầu. Một số nền tảng học tập tốt nhất bao gồm trang tài liệu Bootstrap và các diễn đàn tập trung vào CNTT như Stack Overflow
Chúng tôi hy vọng bài viết này đã trả lời câu hỏi bootstrap là gì và giúp bạn hiểu được lợi ích của việc sử dụng nó trong phát triển web và thiết kế web
Tác giả
jordan A
Jordana là một người đam mê phát triển web và tiếp thị kỹ thuật số. Khi cô ấy không ngồi trước máy tính xách tay, bạn có thể thấy cô ấy đi du lịch để tìm kiếm món sushi ngon nhất