Hướng dẫn is bootstrap.min.css is a binary version - là bootstrap.min.css là phiên bản nhị phân
Ngày đăng:
15/11/2022
Trả lời:
0
Lượt xem:
76
Show
Cách nó hoạt động là nó lấy tất cả các biến (ví dụ Đó là lý do tại sao không có không gian trắng, bởi vì một khoảng trắng chiếm 0,1 MB và tốt nhất là không có nó. Chỉnh sửa: Như Drbeza đã đề cập trong một nhận xét, nếu ý định của bạn là sửa đổi tệp Khám phá những gì mà bao gồm trong Bootstrap, bao gồm cả hương vị mã nguồn và tiền của chúng tôi. Hãy nhớ rằng, các plugin JavaScript Bootstrap yêu cầu jQuery. Bootstrap được tổng hợpSau khi tải xuống, giải nén thư mục nén và bạn sẽ thấy một cái gì đó như thế này: Đây là hình thức cơ bản nhất của bootstrap: các tệp được biên dịch trước để sử dụng nhanh chóng trong hầu hết mọi dự án web. Chúng tôi cung cấp CSS và JS được biên dịch ( Các tập tin CSSBootstrap bao gồm một số ít các tùy chọn để bao gồm một số hoặc tất cả các CS được biên dịch của chúng tôi.
Không bao gồmChỉ có các tiện ích linh hoạt
Không bao gồmChỉ có các tiện ích linh hoạt Bootstrap (hiện tại V3.4.1) có một vài cách dễ dàng để nhanh chóng bắt đầu, mỗi cách hấp dẫn với một cấp độ kỹ năng và trường hợp sử dụng khác nhau. Đọc qua để xem những gì phù hợp với nhu cầu cụ thể của bạn. BootstrapBiên soạn và thu nhỏ CSS, JavaScript và phông chữ. Không có tài liệu hoặc tệp nguồn gốc được bao gồm. Tải về Bootstrap Mã nguồnNguồn ít hơn, các tệp JavaScript và phông chữ, cùng với các tài liệu của chúng tôi. Yêu cầu một trình biên dịch ít hơn và một số thiết lập.Requires a Less compiler and some setup. Tải xuống nguồn JSdelivrNhững người ở JSDelivr được cung cấp một cách khéo léo hỗ trợ CDN cho CSS và JavaScript của Bootstrap. Chỉ cần sử dụng các liên kết JSDELIVR này. Cài đặt với BowerBạn cũng có thể cài đặt và quản lý ít hơn, CSS, JavaScript và phông chữ bằng Bower: Cài đặt với NPMBạn cũng có thể cài đặt Bootstrap bằng NPM: Bootstrap's
Cài đặt với trình soạn thảoBạn cũng có thể cài đặt và quản lý ít, CSS, JavaScript và phông chữ của Bootstrap bằng Trình soạn thảo: Autoprefixer cần thiết cho ít/sassBootstrap sử dụng Autoprefixer để đối phó với tiền tố nhà cung cấp CSS. Nếu bạn biên dịch Bootstrap từ nguồn ít hơn của nó và không sử dụng Gruntfile của chúng tôi, bạn sẽ cần phải tích hợp Autoprefixer vào quy trình xây dựng của mình. Nếu bạn đang sử dụng Bootstrap được biên dịch trước hoặc sử dụng Gruntfile của chúng tôi, bạn không cần phải lo lắng về điều này vì Autoprefixer đã được tích hợp vào Gruntfile của chúng tôi. Bootstrap có thể tải xuống dưới hai hình thức, trong đó bạn sẽ tìm thấy các thư mục và tệp sau, nhóm hợp lý các tài nguyên chung và cung cấp cả các biến thể được biên dịch và thu nhỏ. cần phải có jQueryXin lưu ý rằng tất cả các plugin JavaScript yêu cầu JQuery phải được đưa vào, như được hiển thị trong mẫu khởi động. Tham khảo Bootstrap được tổng hợpSau khi tải xuống, giải nén thư mục nén để xem cấu trúc của (phần biên dịch) bootstrap. Bạn sẽ thấy một cái gì đó như thế này: Đây là hình thức cơ bản nhất của bootstrap: các tệp được biên dịch trước để sử dụng nhanh chóng trong hầu hết mọi dự án web. Chúng tôi cung cấp CSS và JS được biên dịch ( Mã nguồn bootstrapTải xuống mã nguồn bootstrap bao gồm các tài sản CSS, JavaScript và phông chữ được biên dịch trước, cùng với nguồn ít hơn, JavaScript và tài liệu. Cụ thể hơn, nó bao gồm những điều sau đây và hơn thế nữa: Bootstrap sử dụng Grunt cho hệ thống xây dựng của nó, với các phương pháp thuận tiện để làm việc với khung. Đó là cách chúng tôi biên dịch mã của chúng tôi, chạy thử nghiệm và nhiều hơn nữa. Cài đặt GruntĐể cài đặt Grunt, trước tiên bạn phải tải xuống và cài đặt Node.js (bao gồm NPM). NPM là viết tắt của các mô -đun đóng gói nút và là một cách để quản lý các phụ thuộc phát triển thông qua Node.js.first download and install node.js (which includes npm). npm stands for node packaged modules and is a way to manage development dependencies through node.js. Sau đó, từ dòng lệnh:
Khi hoàn thành, bạn sẽ có thể chạy các lệnh crunt khác nhau được cung cấp từ dòng lệnh. Có sẵn lệnh cruntbootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ └── bootstrap-theme.min.css.map ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff28 (Chỉ cần biên dịch CSS và JavaScript)Tái sinh thư mục bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/0 (đồng hồ)Xem các tệp nguồn ít hơn và tự động biên dịch lại chúng thành CSS bất cứ khi nào bạn lưu thay đổi. bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/1 (chạy thử)Chạy jshint và chạy các bài kiểm tra QUNIT trong các trình duyệt thực nhờ nghiệp. bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/2 (xây dựng và kiểm tra tài sản tài liệu)Xây dựng và kiểm tra CSS, JavaScript và các tài sản khác được sử dụng khi chạy tài liệu cục bộ thông qua bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/4 (Xây dựng hoàn toàn mọi thứ và chạy thử)Biên dịch và thu nhỏ CSS và JavaScript, xây dựng trang web tài liệu, chạy Trình xác thực HTML5 đối với tài liệu, tái tạo tài sản tùy biến và hơn thế nữa. Yêu cầu Jekyll. Thông thường chỉ cần thiết nếu bạn đang hack trên chính Bootstrap. Xử lý sự cốNếu bạn gặp phải sự cố với việc cài đặt các phụ thuộc hoặc chạy các lệnh grunt, trước tiên hãy xóa thư mục Bắt đầu với mẫu HTML cơ bản này hoặc sửa đổi các ví dụ này. Chúng tôi hy vọng bạn sẽ tùy chỉnh các mẫu và ví dụ của chúng tôi, điều chỉnh chúng phù hợp với nhu cầu của bạn. Sao chép HTML bên dưới để bắt đầu làm việc với một tài liệu bootstrap tối thiểu. |