bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
7 đã được thu nhỏ. Điều này có nghĩa là tất cả khoảng trắng và các ký tự bổ sung khác đã bị xóa. Điều này thường được thực hiện để sử dụng trong sản xuất, để giảm kích thước của tệp. Khi phát triển, thường rất hữu ích khi sử dụng phiên bản chưa được xác định, vì, như bạn đã nói, nó có thể đọc được.Cách nó hoạt động là nó lấy tất cả các biến [ví dụ
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
8, bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
9] và chuyển đổi nó thành các tên ngắn hơn [trong ví dụ này, nó đổi tên 220 MB đến 219 MB], đó thực chất là những gì nó đang làm, tất nhiên nó làm nhiều hơn, nhưng đây là một phần mà bạn có thể nắm bắt được những gì nó làm.220 MB to 219 MB], that's essentially what it's doing, of course it does more, but this is one part where you can grasp what it does.Đó 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
4, nên tạo một tệp
5 riêng biệt và thêm các quy tắc CSS của riêng bạn ghi đè lên mặc định. Bằng cách này, nếu bạn cập nhật lên phiên bản Bootstrap mới hơn, bạn chỉ cần trao đổi các tệp bootstrap, thay vì cần chỉnh sửa
4 mới để chuyển các sửa đổi của bạn sang nó. 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ợp
Sau 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:
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── 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
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.min.js
├── bootstrap.js
└── bootstrap.min.js
Đâ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 [
7], cũng như được biên dịch và thu nhỏ CSS và JS [
8]. Bản đồ nguồn CSS [
9] có sẵn để sử dụng với một số công cụ phát triển của trình duyệt. Các tệp JS được gói [bower install bootstrap
0 và Minified bower install bootstrap
1] bao gồm popper, nhưng không phải là jQuery.Các tập tin CSS
Bootstrap 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.
Tiện ích | Tiện ích | Tiện ích | Tiện ích |
Bao gồm | Chỉ có hệ thống lưới | Chỉ có hệ thống lưới | Không bao gồm |
Chỉ có hệ thống lưới | Không bao gồm | Chỉ có hệ thống lưới | Chỉ có hệ thống lưới |
Không bao gồm
Chỉ có các tiện ích linh hoạt
Tiện ích | Chỉ có hệ thống lưới |
Chỉ có hệ thống lưới | Chỉ có hệ thống lưới |
Không bao gồm
Chỉ có các tiện ích linh hoạt
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
npm install bootstrap@3
2 và npm install bootstrap@3
3 là mã nguồn cho CSS và JavaScript của chúng tôi. Thư mục npm install bootstrap@3
4 bao gồm tất cả mọi thứ được liệt kê trong phần Tải xuống được tổng hợp ở trên. Thư mục npm install bootstrap@3
5 bao gồm mã nguồn cho tài liệu của chúng tôi và npm install bootstrap@3
6 sử dụng bootstrap. Ngoài ra, bất kỳ tệp nào khác bao gồm cung cấp hỗ trợ cho các gói, thông tin giấy phép và phát triển. 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.
Bootstrap
Biê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ồn
Nguồ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
JSdelivr
Nhữ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 Bower
Bạn cũng có thể cài đặt và quản lý ít hơn, CSS, JavaScript và phông chữ bằng Bower:
bower install bootstrap
Cài đặt với NPM
Bạn cũng có thể cài đặt Bootstrap bằng NPM:
npm install bootstrap@3
npm install bootstrap@3
7 sẽ tải tất cả các plugin jQuery của Bootstrap lên đối tượng jQuery. Bản thân mô -đun npm install bootstrap@3
8 không xuất khẩu bất cứ điều gì. Bạn có thể tải riêng các plugin jQuery của Bootstrap bằng cách tải các tệp npm install bootstrap@3
9 trong thư mục cấp cao nhất của gói.Bootstrap's
composer require twbs/bootstrap
0 chứa một số siêu dữ liệu bổ sung dưới các khóa sau:- Is
2 - Đường dẫn đến CSS không được phân loại 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 tùy chỉnh]composer require twbs/bootstrap
Cài đặt với trình soạn thảo
Bạ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:
composer require twbs/bootstrap
Autoprefixer cần thiết cho ít/sass
Bootstrap 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ó jQuery
Xin 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
composer require twbs/bootstrap
3 của chúng tôi để xem phiên bản jQuery nào được hỗ trợ.all JavaScript plugins require jQuery to be included, as shown in the starter template. Consult our composer require twbs/bootstrap
3 to see which versions of jQuery are supported.Bootstrap được tổng hợp
Sau 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:
bootstrap/
├── 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.woff2
Đâ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 [
7], cũng như được biên dịch và thu nhỏ CSS và JS [
8]. Bản đồ nguồn CSS [
9] có sẵn để sử dụng với các công cụ phát triển của một số trình duyệt. Phông chữ từ glyphicons được bao gồm, cũng như chủ đề bootstrap tùy chọn.Mã nguồn bootstrap
Tả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/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
composer require twbs/bootstrap
7, npm install bootstrap@3
3 và composer require twbs/bootstrap
9 là mã nguồn cho các phông chữ CSS, JS và ICON của chúng tôi [tương ứng]. Thư mục npm install bootstrap@3
4 bao gồm tất cả mọi thứ được liệt kê trong phần Tải xuống được tổng hợp ở trên. Thư mục npm install bootstrap@3
5 bao gồm mã nguồn cho tài liệu của chúng tôi và npm install bootstrap@3
6 sử dụng bootstrap. Ngoài ra, bất kỳ tệp nào khác bao gồm cung cấp hỗ trợ cho các gói, thông tin giấy phép và phát triển.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:
- Cài đặt
3 trên toàn cầu vớibootstrap/ ├── 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.woff2
4.bootstrap/ ├── 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.woff2
- Điều hướng đến thư mục root
5, sau đó chạybootstrap/ ├── 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.woff2
6. NPM sẽ xem xét tệpbootstrap/ ├── 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.woff2
0 và tự động cài đặt các phụ thuộc cục bộ cần thiết được liệt kê ở đó.composer require twbs/bootstrap
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 crunt
bootstrap/
├── 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.woff2
8 [Chỉ cần biên dịch CSS và JavaScript]
bootstrap/
├── 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.woff2
Tái sinh thư mục
bootstrap/
├── 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.woff2
9 với các tệp CSS và JavaScript được biên dịch và thu nhỏ. Là người dùng bootstrap, đây thường là lệnh bạn muốn.bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
0 [đồng hồ]
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
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ử]
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
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]
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
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/
3.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ử]
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
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
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
5 được tạo bởi NPM. Sau đó, chạy lại bootstrap/
├── 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.woff2
6.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.
Bootstrap 101 Template
Hello, world!
Xây dựng trên mẫu cơ bản ở trên với nhiều thành phần của Bootstrap. Chúng tôi khuyến khích bạn tùy chỉnh và điều chỉnh Bootstrap để phù hợp với nhu cầu của dự án cá nhân của bạn.
Nhận mã nguồn cho mọi ví dụ dưới đây bằng cách tải xuống kho lưu trữ Bootstrap. Ví dụ có thể được tìm thấy trong thư mục
bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│ ├── css/
│ ├── js/
│ └── fonts/
└── docs/
└── examples/
7.Sử dụng khung
Mẫu khởi đầu
Không có gì ngoài những điều cơ bản: đã biên soạn CSS và JavaScript cùng với một container.
Chủ đề bootstrap
Tải chủ đề Bootstrap tùy chọn cho trải nghiệm nâng cao trực quan.
Lưới
Nhiều ví dụ về bố cục lưới với cả bốn tầng, làm tổ, và nhiều hơn nữa.
Jumbotron
Xây dựng xung quanh Jumbotron với một chiếc Navbar và một số cột lưới cơ bản.
Jumbotron hẹp
Xây dựng một trang tùy chỉnh hơn bằng cách thu hẹp container mặc định và jumbotron.
Navbars trong hành động
Thanh điều khiển
Mẫu siêu cơ bản bao gồm thanh điều hướng cùng với một số nội dung bổ sung.
Thanh điều hướng hàng đầu tĩnh
Mẫu siêu cơ bản với một thanh điều hướng hàng đầu tĩnh cùng với một số nội dung bổ sung.
Cố định thanh điều hướng
Mẫu siêu cơ bản với một thanh điều hướng hàng đầu cố định cùng với một số nội dung bổ sung.
Các thành phần tùy chỉnh
Trải ra
Một mẫu một trang để xây dựng các trang nhà đơn giản và đẹp.
Băng chuyền
Tùy chỉnh thanh điều hướng và băng chuyền, sau đó thêm một số thành phần mới.
Blog
Bố cục blog hai cột đơn giản với điều hướng, tiêu đề và loại tùy chỉnh.
bảng điều khiển
Cấu trúc cơ bản cho một bảng điều khiển quản trị với thanh bên cố định và thanh điều hướng.
Trang đăng nhập
Bố cục hình thức tùy chỉnh và thiết kế cho một mẫu đơn giản ở dạng.
Chân trang dính
Gắn chân trang vào đáy của chế độ xem khi nội dung ngắn hơn nó.
Chân trang dính với navbar
Gắn một chân trang vào đáy của khung nhìn với một thanh điều hướng cố định ở phía trên.
Thí nghiệm
Bootstrap không đáp ứng
Dễ dàng vô hiệu hóa khả năng đáp ứng của bootstrap theo tài liệu của chúng tôi.
Off-canvas
Xây dựng một menu điều hướng Off-Canvas có thể bật để sử dụng với Bootstrap.
Bootlint là công cụ Bootstrap HTML Linter chính thức. Nó tự động kiểm tra một số lỗi HTML phổ biến trong các trang web đang sử dụng bootstrap theo cách khá "vani". Các thành phần/tiện ích của Vanilla Bootstrap yêu cầu các phần của DOM của chúng phải phù hợp với các cấu trúc nhất định. Bootlint kiểm tra xem các phiên bản của các thành phần bootstrap có HTML có cấu trúc chính xác. Cân nhắc thêm bootlint vào công cụ phát triển web bootstrap của bạn để không có lỗi phổ biến nào làm chậm sự phát triển của dự án của bạn. is the official Bootstrap HTML linter tool. It automatically checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly "vanilla" way. Vanilla Bootstrap's components/widgets require their parts of the DOM to conform to certain structures. Bootlint checks that instances of Bootstrap components have correctly-structured HTML. Consider adding Bootlint to your Bootstrap web development toolchain so that none of the common mistakes slow down your project's development.
Luôn cập nhật về sự phát triển của Bootstrap và tiếp cận với cộng đồng với các tài nguyên hữu ích này.
- Đọc và đăng ký blog Bootstrap chính thức.
- Trò chuyện với các bootstrapper đồng nghiệp sử dụng IRC trong máy chủ
8, trong kênh ## Bootstrap.bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/
- Để được trợ giúp bằng cách sử dụng Bootstrap, hãy hỏi trên StackOverflow bằng thẻ
9.bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/
- Các nhà phát triển nên sử dụng từ khóa
8 trên các gói sửa đổi hoặc thêm vào chức năng của Bootstrap khi phân phối thông qua NPM hoặc các cơ chế phân phối tương tự để khám phá tối đa.npm install bootstrap@3
- Tìm các ví dụ đầy cảm hứng về những người xây dựng với bootstrap tại Triển lãm Bootstrap.
Bạn cũng có thể theo dõi @getbootstrap trên Twitter để biết những video âm nhạc mới nhất và tuyệt vời.
Bootstrap tự động điều chỉnh các trang của bạn cho các kích thước màn hình khác nhau. Đây là cách vô hiệu hóa tính năng này để trang của bạn hoạt động như ví dụ không đáp ứng này.
Các bước để tắt khả năng đáp ứng trang
- Bỏ qua chế độ xem
1 được đề cập trong tài liệu CSSBootstrap 101 Template Hello, world!
- Ghi đè
2 trênBootstrap 101 Template Hello, world!
3 cho mỗi tầng lưới với một chiều rộng duy nhất, ví dụBootstrap 101 Template Hello, world!
4 hãy chắc chắn rằng điều này xuất hiện sau CSS Bootstrap mặc định. Bạn có thể tùy chọn tránhBootstrap 101 Template Hello, world!
5 với các truy vấn truyền thông hoặc một số bộ chọn-fu.Bootstrap 101 Template Hello, world!
- Nếu sử dụng Navbars, hãy xóa tất cả các hành vi sụp đổ của Navbar và mở rộng.
- Đối với bố cục lưới, hãy sử dụng các lớp
6 ngoài hoặc thay cho các lớp trung bình/lớn. Đừng lo lắng, tỷ lệ lưới thiết bị thêm nhỏ đến tất cả các độ phân giải.Bootstrap 101 Template Hello, world!
Bạn vẫn cần trả lời. Điều này vô hiệu hóa các khía cạnh "trang web di động" của bootstrap.
Mẫu bootstrap với khả năng phản hồi bị vô hiệu hóa
Chúng tôi đã áp dụng các bước này vào một ví dụ. Đọc mã nguồn của nó để xem các thay đổi cụ thể được thực hiện.
Xem ví dụ không đáp ứng
Bootstrap được xây dựng để hoạt động tốt nhất trong các trình duyệt máy tính để bàn và di động mới nhất, có nghĩa là các trình duyệt cũ hơn có thể hiển thị kiểu dáng khác nhau, mặc dù đầy đủ chức năng, kết xuất của một số thành phần nhất định.
Trình duyệt được hỗ trợ
Cụ thể, chúng tôi hỗ trợ các phiên bản mới nhất của các trình duyệt và nền tảng sau.latest versions of the following browsers and platforms.
Các trình duyệt thay thế sử dụng phiên bản mới nhất của WebKit, Blink hoặc Gecko, cho dù trực tiếp hay thông qua API xem web của nền tảng, không được hỗ trợ rõ ràng. Tuy nhiên, Bootstrap cũng nên [trong hầu hết các trường hợp] hiển thị và hoạt động chính xác trong các trình duyệt này. Thông tin hỗ trợ cụ thể hơn được cung cấp dưới đây.
Thiêt bị di động
Nói chung, Bootstrap hỗ trợ các phiên bản mới nhất của các trình duyệt mặc định của mỗi nền tảng chính. Lưu ý rằng các trình duyệt proxy [như opera mini, chế độ turbo của Opera Mobile, UC Trình duyệt Mini, Silk Amazon] không được hỗ trợ.
Trình duyệt ChromeFirefoxCuộc đi săn | ||
Được hỗ trợ | Được hỗ trợ | N/a |
Được hỗ trợ | Được hỗ trợ | Được hỗ trợ |
N/a
iOS
Trình duyệt ChromeFirefoxCuộc đi sănAndroidCuộc đi săn | ||||
Được hỗ trợ | Được hỗ trợ | N/a | Được hỗ trợ | Được hỗ trợ |
Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | Được hỗ trợ | N/a |
iOSwe support Internet Explorer 8-11.
Trình duyệt máy tính để bàn
Tương tự, các phiên bản mới nhất của hầu hết các trình duyệt máy tính để bàn được hỗ trợ.
trình duyệt web IE
Opera
MacInternet Explorer 8 requires the use of Respond.js to enable media query support.
N/a | Được hỗ trợ |
N/a | Được hỗ trợ |
N/a | iOS |
N/a | |
N/a |
iOS
Trình duyệt máy tính để bàn
Tương tự, các phiên bản mới nhất của hầu hết các trình duyệt máy tính để bàn được hỗ trợ.
trình duyệt web IE
Opera
Mac
các cửa sổ
Không được hỗ trợ
Trên Windows, chúng tôi hỗ trợ Internet Explorer 8-11.
Đối với Firefox, ngoài bản phát hành ổn định bình thường mới nhất, chúng tôi cũng hỗ trợ phiên bản phát hành hỗ trợ mở rộng [ESR] mới nhất của Firefox.
Không chính thức, Bootstrap nên nhìn và hành xử đủ tốt trong Chromium và Chrome cho Linux, Firefox cho Linux và Internet Explorer 7, cũng như Microsoft Edge, mặc dù chúng không được hỗ trợ chính thức.
Để biết danh sách một số lỗi trình duyệt mà Bootstrap phải vật lộn, hãy xem các lỗi của Wall of Trình duyệt.
Internet Explorer 8 và 9
Internet Explorer 8 và 9 cũng được hỗ trợ, tuy nhiên, hãy lưu ý rằng một số phần tử CSS3 và các phần tử HTML5 không được các trình duyệt này hỗ trợ đầy đủ. Ngoài ra, Internet Explorer 8 yêu cầu sử dụng phản hồi.js để kích hoạt hỗ trợ truy vấn truyền thông.
Tính năng
Internet Explorer 8
Internet Explorer 9
Được hỗ trợ, với tiền tố
0Truy cập tôi có thể sử dụng ... Để biết chi tiết về hỗ trợ trình duyệt của các tính năng CSS3 và HTML5.
Internet Explorer 8 và trả lời.jsdevice width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
0Cẩn thận với các cảnh báo sau khi sử dụng phản hồi.js trong môi trường phát triển và sản xuất của bạn cho Internet Explorer 8.include the following CSS and JavaScript to work around the bug.
Trả lời.js và CSS miền chéoSử dụng phản hồi.js với CSS được lưu trữ trên một miền [phụ] khác [ví dụ: trên CDN] yêu cầu một số thiết lập bổ sung. Xem tài liệu trả lời.js để biết chi tiết.
Trả lời.js và
3Do các quy tắc bảo mật trình duyệt, phản hồi.js không hoạt động với các trang được xem thông qua giao thức
3 [như khi mở tệp HTML cục bộ]. Để kiểm tra các tính năng đáp ứng trong IE8, hãy xem các trang của bạn trên HTTP [s]. Xem tài liệu trả lời.js để biết chi tiết.
Trả lời.js và
5- Thêm
09 vào cột lưới cuối cùng của bạn để có được sự liên kết cứng bên phảibootstrap/ ├── dist/ │ ├── css/ │ └── js/ ├── docs/ │ └── examples/ ├── js/ └── scss/
- Điều chỉnh tỷ lệ phần trăm của bạn theo cách thủ công để có được sự làm tròn hoàn hảo cho Safari [khó hơn so với tùy chọn đầu tiên]
Phương thức, navbars và bàn phím ảo
Tràn và cuộn
Hỗ trợ cho
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
10 trên phần tử bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
11 khá hạn chế trong iOS và Android. Cuối cùng, khi bạn cuộn qua phần trên hoặc dưới cùng của một phương thức trong một trong các trình duyệt của một trong hai thiết bị đó, nội dung bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
11 sẽ bắt đầu cuộn. Xem lỗi Chrome #175502 [cố định trong Chrome V40] và WebKit Bug #153852.trường văn bản iOS và cuộn
Tính đến iOS 9.3, trong khi một phương thức mở, nếu cảm ứng ban đầu của cử chỉ cuộn nằm trong ranh giới của văn bản
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
13 hoặc bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
14, nội dung bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
11 bên dưới phương thức sẽ được cuộn thay vì chính phương thức. Xem lỗi WebKit #153856.Bàn phím ảo
Ngoài ra, lưu ý rằng nếu bạn đang sử dụng thanh điều hướng cố định hoặc sử dụng các đầu vào trong một phương thức, iOS có lỗi kết xuất không cập nhật vị trí của các phần tử cố định khi bàn phím ảo được kích hoạt. Một vài cách giải quyết cho điều này bao gồm chuyển đổi các yếu tố của bạn thành
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
16 hoặc gọi một bộ đếm thời gian tập trung để cố gắng sửa chữa vị trí thủ công. Điều này không được xử lý bởi Bootstrap, do đó, tùy thuộc vào bạn để quyết định giải pháp nào là tốt nhất cho ứng dụng của bạn.Navbar thả xuống
Phần tử
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
17 không được sử dụng trên iOS trong NAV vì sự phức tạp của chỉ số z. Do đó, để đóng các thả xuống trong NAVBARS, bạn phải trực tiếp nhấp vào phần tử thả xuống [hoặc bất kỳ phần tử nào khác sẽ bắn một sự kiện nhấp chuột trong iOS].Trình duyệt phóng to
Trang phóng to chắc chắn trình bày các tạo tác kết xuất trong một số thành phần, cả trong bootstrap và phần còn lại của web. Tùy thuộc vào vấn đề, chúng tôi có thể sửa nó [tìm kiếm trước và sau đó mở một vấn đề nếu cần]. Tuy nhiên, chúng ta có xu hướng bỏ qua những điều này vì chúng thường không có giải pháp trực tiếp nào ngoài cách giải quyết hacky.
Dính ________ 118/________ 119 trên thiết bị di động
Mặc dù việc lơ lửng thực sự là không thể trên hầu hết các màn hình cảm ứng, nhưng hầu hết các trình duyệt di động mô phỏng hỗ trợ lơ lửng và làm cho
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
18 "dính". Nói cách khác, các kiểu bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
18 bắt đầu áp dụng sau khi nhấn một phần tử và chỉ ngừng áp dụng sau khi người dùng khai thác một số phần tử khác. Điều này có thể khiến các quốc gia bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
18 của Bootstrap trở nên "bị mắc kẹt" không mong muốn trên các trình duyệt như vậy. Một số trình duyệt di động cũng làm cho bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
19 dính tương tự. Hiện tại không có cách giải quyết đơn giản nào cho những vấn đề này ngoài việc loại bỏ hoàn toàn các phong cách như vậy.In
Ngay cả trong một số trình duyệt hiện đại, in ấn có thể được kỳ quặc.
Cụ thể, kể từ Chrome V32 và bất kể cài đặt lề, Chrome sử dụng chiều rộng khung nhìn hẹp hơn đáng kể so với kích thước giấy vật lý khi giải quyết các truy vấn phương tiện trong khi in trang web. Điều này có thể dẫn đến lưới điện cực nhỏ của Bootstrap được kích hoạt bất ngờ khi in. Xem vấn đề #12078 và lỗi Chrome #273306 để biết một số chi tiết. Cách giải quyết được đề xuất:
- Nắm bắt lưới điện thêm nhỏ và đảm bảo trang của bạn trông có thể chấp nhận được dưới nó.
- Tùy chỉnh các giá trị của các biến
24 ít hơn để giấy máy in của bạn được coi là lớn hơn so với cực nhỏ.bootstrap/ ├── dist/ │ ├── css/ │ └── js/ ├── docs/ │ └── examples/ ├── js/ └── scss/
- Thêm các truy vấn phương tiện tùy chỉnh để thay đổi điểm dừng kích thước lưới cho phương tiện in.
Ngoài ra, kể từ Safari V8.0, các
Bootstrap 101 Template
Hello, world!
3 có chiều rộng cố định có thể khiến Safari sử dụng kích thước phông chữ nhỏ bất thường khi in. Xem #14868 và WebKit Bug #138192 để biết thêm chi tiết. Một cách giải quyết tiềm năng cho việc này là thêm các CSS sau:bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
3Trình duyệt cổ phiếu Android
Ra khỏi hộp, Android 4.1 [và thậm chí một số bản phát hành mới hơn rõ ràng] với ứng dụng trình duyệt là trình duyệt web mặc định mà lựa chọn [trái ngược với Chrome]. Thật không may, ứng dụng trình duyệt có rất nhiều lỗi và sự không nhất quán với CSS nói chung.
Chọn menu
Trên các phần tử
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
26, trình duyệt cổ phiếu Android sẽ không hiển thị các điều khiển bên nếu có
Bootstrap 101 Template
Hello, world!
7 và/hoặc bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
28 được áp dụng. . Tác nhân người dùng đánh hơi tránh sự can thiệp với trình duyệt Chrome, Safari và Mozilla.bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
4Bạn muốn xem một ví dụ? Kiểm tra bản demo js bin này.
Người xác nhận
Để cung cấp trải nghiệm tốt nhất có thể cho các trình duyệt cũ và lỗi, Bootstrap sử dụng các bản hack của Trình duyệt CSS ở một số nơi để nhắm mục tiêu CSS đặc biệt vào các phiên bản trình duyệt nhất định để làm việc với các lỗi trong bản thân trình duyệt. Những hack này dễ hiểu khiến các trình xác nhận CSS phàn nàn rằng chúng không hợp lệ. Ở một vài nơi, chúng tôi cũng sử dụng các tính năng CSS cạnh chảy máu chưa được tiêu chuẩn hóa đầy đủ, nhưng chúng được sử dụng hoàn toàn để tăng cường tiến bộ.
Những cảnh báo xác nhận này không quan trọng trong thực tế vì phần không bị hóc của CSS của chúng tôi xác nhận đầy đủ và các phần hacky không can thiệp vào hoạt động đúng của phần không đáng ghét, do đó chúng tôi cố tình bỏ qua những cảnh báo cụ thể này.
Các tài liệu HTML của chúng tôi cũng có một số cảnh báo xác thực HTML tầm thường và không quan trọng do chúng tôi đưa vào một cách giải quyết cho một lỗi Firefox nhất định.
Mặc dù chúng tôi không chính thức hỗ trợ bất kỳ plugin hoặc tiện ích bổ sung nào của bên thứ ba, chúng tôi cung cấp một số lời khuyên hữu ích để giúp tránh các vấn đề tiềm năng trong các dự án của bạn.
Box-sizing
Một số phần mềm của bên thứ ba, bao gồm Google Maps và Google Custom Search Engine, xung đột với Bootstrap do
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
30, một quy tắc làm cho nó vì vậy bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
31 không ảnh hưởng đến chiều rộng được tính toán cuối cùng của một phần tử. Tìm hiểu thêm về mô hình hộp và kích thước tại các thủ thuật CSS.Tùy thuộc vào ngữ cảnh, bạn có thể ghi đè khi cần thiết [tùy chọn 1] hoặc đặt lại kích thước hộp cho toàn bộ vùng [tùy chọn 2].
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
5Bootstrap tuân theo các tiêu chuẩn web phổ biến và với các nỗ lực tối thiểu có thể được sử dụng để tạo các trang web có thể truy cập được cho những người sử dụng tại.
Bỏ qua điều hướng
Nếu điều hướng của bạn chứa nhiều liên kết và xuất hiện trước nội dung chính trong DOM, hãy thêm liên kết
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
32 trước khi điều hướng [để giải thích đơn giản, hãy xem bài viết dự án A11Y này về liên kết điều hướng bỏ qua]. Sử dụng lớp bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
33 sẽ ẩn trực quan liên kết bỏ qua và lớp bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
34 sẽ đảm bảo rằng liên kết sẽ hiển thị một khi tập trung [đối với người dùng bàn phím nhìn thấy].Do những thiếu sót/lỗi lâu dài trong Chrome [xem Số phát hành 262171 trong Trình theo dõi lỗi Chrom] và Internet Explorer [xem bài viết này về liên kết trong trang và thứ tự lấy nét], bạn sẽ cần đảm bảo rằng mục tiêu của liên kết bỏ qua của bạn ít nhất là tập trung vào chương trình bằng cách thêm
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
35.Ngoài ra, bạn có thể muốn triệt tiêu rõ ràng một dấu hiệu trọng tâm có thể nhìn thấy trên mục tiêu [đặc biệt là Chrome hiện cũng tập trung vào các yếu tố với
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
35 khi chúng được nhấp vào chuột] với bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
37.Lưu ý rằng lỗi này cũng sẽ ảnh hưởng đến bất kỳ liên kết trong trang nào khác mà trang web của bạn có thể đang sử dụng, khiến chúng trở nên vô dụng cho người dùng bàn phím. Bạn có thể xem xét thêm một bản sửa lỗi dừng tương tự cho tất cả các định danh neo / phân đoạn có tên khác hoạt động như các mục tiêu liên kết.
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
6Tiêu đề lồng nhau
Khi các tiêu đề làm tổ [
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
38 - bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
39], tiêu đề tài liệu chính của bạn phải là bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
38. Các tiêu đề tiếp theo sẽ sử dụng hợp lý bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
38 - bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
39 sao cho đầu đọc màn hình có thể xây dựng một bảng nội dung cho các trang của bạn.Tìm hiểu thêm tại HTML CodeSniffer và khả năng tiếp cận của bang Pennsylvania.
Độ tương phản màu
Hiện tại, một số kết hợp màu mặc định có sẵn trong bootstrap [chẳng hạn như các lớp nút được tạo kiểu khác nhau, một số màu làm nổi bật mã được sử dụng cho các khối mã cơ bản, lớp trợ giúp nền bối cảnh
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/
43 và màu liên kết mặc định khi được sử dụng trên nền trắng nền trắng ] có tỷ lệ tương phản thấp [dưới tỷ lệ khuyến nghị là 4,5: 1]. Điều này có thể gây ra vấn đề cho người dùng có tầm nhìn thấp hoặc người mù màu. Những màu mặc định này có thể cần được sửa đổi để tăng độ tương phản và mức độ dễ đọc của chúng.Tài nguyên bổ sung
- Bookmarklet "HTML CodeSniffer" để xác định các vấn đề về khả năng truy cập
- Tiện ích mở rộng công cụ dành cho nhà phát triển khả năng truy cập của Chrome
- Phân tích tương phản màu
- Dự án A11Y
- Tài liệu tiếp cận MDN
Bootstrap được phát hành theo giấy phép MIT và là bản quyền 2019 Twitter. Đun sôi xuống các khối nhỏ hơn, nó có thể được mô tả với các điều kiện sau.
Nó đòi hỏi bạn phải:
- Giữ giấy phép và thông báo bản quyền được bao gồm trong các tệp CSS và JavaScript của Bootstrap khi bạn sử dụng chúng trong các tác phẩm của mình
Nó cho phép bạn:
- Tải xuống tự do và sử dụng bootstrap, toàn bộ hoặc một phần, cho các mục đích cá nhân, tư nhân, công ty hoặc thương mại
- Sử dụng bootstrap trong các gói hoặc phân phối mà bạn tạo
- Sửa đổi mã nguồn
- Cấp một cấp độ để sửa đổi và phân phối bootstrap cho các bên thứ ba không có trong giấy phép
Nó cấm bạn:
- Giữ cho các tác giả và chủ sở hữu giấy phép chịu trách nhiệm về các thiệt hại vì bootstrap được cung cấp mà không cần bảo hành
- Giữ người sáng tạo hoặc người giữ bản quyền của bootstrap chịu trách nhiệm
- Phân phối lại bất kỳ mảnh bootstrap nào mà không có sự phân bổ thích hợp
- Sử dụng bất kỳ nhãn hiệu nào thuộc sở hữu của Twitter theo bất kỳ cách nào có thể nêu rõ hoặc ngụ ý rằng Twitter chứng thực phân phối của bạn
- Sử dụng bất kỳ nhãn hiệu nào thuộc sở hữu của Twitter theo bất kỳ cách nào có thể nêu rõ hoặc ngụ ý rằng bạn đã tạo phần mềm Twitter được đề cập
Nó không yêu cầu bạn phải:
- Bao gồm nguồn gốc của chính Bootstrap hoặc của bất kỳ sửa đổi nào bạn có thể đã thực hiện cho nó, trong bất kỳ phân phối lại nào bạn có thể lắp ráp bao gồm nó
- Gửi các thay đổi mà bạn thực hiện để Bootstrap trở lại dự án Bootstrap [mặc dù phản hồi đó được khuyến khích]
Giấy phép Bootstrap đầy đủ được đặt trong kho dự án để biết thêm thông tin.