Phụ thuộc ngang hàng Bootstrap

Gói npm @ng-bootstrap/ng-bootstrap nhận được tổng cộng 452.739 lượt tải xuống mỗi tuần. Do đó, chúng tôi đã chấm điểm mức độ phổ biến của @ng-bootstrap/ng-bootstrap là Dự án có ảnh hưởng

Dựa trên số liệu thống kê dự án từ kho lưu trữ GitHub cho gói npm @ng-bootstrap/ng-bootstrap, chúng tôi thấy rằng gói này đã được gắn dấu sao 8.049 lần

Số lượt tải xuống được tính là trung bình động trong khoảng thời gian 12 tháng qua, không bao gồm các ngày cuối tuần và các điểm dữ liệu bị thiếu đã xác định

Đừng bận tâm, tôi đã giải quyết vấn đề này, tôi đã thêm từng gói một theo cách thủ công - nhưng có vẻ như phiên bản đang được ng-bootstrap sử dụng và phiên bản góc cạnh trong gói. json không tương thích dựa trên trang github Bootstrap

**igor@igor-SATELLITE-L70-B. ~/workspace-mars/artwista-webservice-angular2/client$ npm cài đặt ng-uikit-pro-standard --save npm WARN angular-bootstrap-md@8. 0. 0 yêu cầu ngang hàng @angular/common@^7. 0. 0 nhưng không có cái nào được cài đặt. Bạn phải tự cài đặt các phụ thuộc ngang hàng. npm CẢNH BÁO góc-bootstrap-md@8. 0. 0 yêu cầu ngang hàng @angular/core@^7. 0. 0 nhưng không có cái nào được cài đặt. Bạn phải tự cài đặt các phụ thuộc ngang hàng. npm WARN bootstrap@4. 3. 1 yêu cầu ngang hàng với popper. js@^1. 14. 7 nhưng không có cái nào được cài đặt. Bạn phải tự cài đặt các phụ thuộc ngang hàng. không


Các tiện ích góc được xây dựng từ đầu chỉ sử dụng CSS Bootstrap 5 với các API được thiết kế cho hệ sinh thái Góc

Vui lòng kiểm tra trang web demo của chúng tôi và danh sách các vấn đề để xem tất cả những điều chúng tôi đang làm. Hãy bình luận ở đó

Mục lục

Thử nghiệm

Vui lòng kiểm tra tất cả các thành phần chúng tôi có trong hành động tại https. //bootstrap. github. i.o

phụ thuộc

Các phụ thuộc duy nhất là Angular, Bootstrap 5 CSS và Popper. Các phiên bản được hỗ trợ là

ng-bootstrapAngularBootstrap CSSPopper1. x. x5. 0. 24. 0. 02. x. x6. 0. 04. 0. 03. x. x6. 1. 04. 0. 04. x. x7. 0. 04. 0. 05. x. x8. 0. 04. 3. 16. x. x9. 0. 04. 4. 17. x. x, 8. x. x10. 0. 04. 5. 09. x. x11. 0. 04. 5. 010. x. x12. 0. 04. 5. 011. x. x13. 0. 04. 6. 012. x. x13. 0. 05. 0. 02. 10. 213. x. x14. 1. 05. 2. 02. 10. 214. x. x15. 0. 05. 2. 32. 11. 6

Cài đặt

Chúng tôi thực sự khuyên bạn nên sử dụng Angular CLI để thiết lập một dự án mới. Nếu bạn có dự án Angular CLI, bạn chỉ cần sử dụng sơ đồ của chúng tôi để thêm thư viện ng-bootstrap vào đó

Chỉ cần chạy như sau

ng add @ng-bootstrap/ng-bootstrap

Nó sẽ cài đặt ng-bootstrap cho ứng dụng mặc định được chỉ định trong angular.json của bạn. Nếu bạn có nhiều dự án và bạn muốn nhắm mục tiêu một ứng dụng cụ thể, bạn có thể chỉ định tùy chọn --project

ng add @ng-bootstrap/ng-bootstrap --project myProject

Nếu bạn không muốn sử dụng sơ đồ và cài đặt mọi thứ theo cách thủ công, vui lòng tham khảo trên trang web của chúng tôi

trình duyệt được hỗ trợ

Chúng tôi hỗ trợ các trình duyệt và phiên bản giống nhau được cả Bootstrap 4 và Angular hỗ trợ, tùy theo điều kiện nào hạn chế hơn. Xem Hỗ trợ trình duyệt góc và để biết thêm chi tiết

Mã của chúng tôi được kiểm tra tự động trên tất cả các trình duyệt được hỗ trợ

Tìm sự giúp đỡ

Vui lòng không mở các sự cố cho các câu hỏi hỗ trợ chung vì chúng tôi muốn giữ các sự cố GitHub cho các báo cáo lỗi và yêu cầu tính năng. Bạn có nhiều cơ hội hơn để nhận được câu trả lời cho câu hỏi của mình trên StackOverflow nơi những người bảo trì đang xem xét các câu hỏi được gắn thẻ ng-bootstrap

StackOverflow là một nơi tốt hơn nhiều để đặt câu hỏi vì

  • có hàng trăm người sẵn sàng trợ giúp trên StackOverflow
  • câu hỏi và câu trả lời vẫn có sẵn để xem công khai để câu hỏi/câu trả lời của bạn có thể giúp ích cho người khác
  • Hệ thống bỏ phiếu của Stack Overflow đảm bảo rằng các câu trả lời hay nhất được hiển thị rõ ràng

Để tiết kiệm thời gian của bạn và của chúng tôi, chúng tôi sẽ đóng một cách có hệ thống tất cả các sự cố được yêu cầu hỗ trợ chung và chuyển hướng mọi người đến StackOverflow

Bạn có nghĩ rằng bạn đã tìm thấy một lỗi?

Chúng tôi muốn sửa nó càng sớm càng tốt. Nhưng trước khi sửa lỗi, chúng tôi cần sao chép và xác nhận nó

Chúng tôi yêu cầu bạn tôn trọng hai điều

  • điền vào mẫu vấn đề GitHub bằng cách cung cấp mô tả lỗi và các phiên bản thích hợp của Angular, ng-bootstrap và TypeScript
  • cung cấp trường hợp sử dụng không thành công với kịch bản sao chép tối thiểu bằng cách sử dụng StackBlitz (bạn có thể bắt đầu bằng cách chuyển một trường hợp từ )

Kịch bản sao chép tối thiểu cho phép chúng tôi nhanh chóng xác nhận lỗi (hoặc chỉ ra sự cố mã hóa) cũng như xác nhận rằng chúng tôi đang khắc phục đúng sự cố

Xin lưu ý rằng chúng tôi sẽ nhấn mạnh vào kịch bản sao chép tối thiểu để tiết kiệm thời gian của người bảo trì và cuối cùng có thể sửa nhiều lỗi hơn. Chúng tôi sẽ đánh dấu vấn đề là không thể xử lý nếu không có vấn đề đó và đóng nếu không nhận được phản hồi từ người báo cáo

Thật thú vị, theo kinh nghiệm của chúng tôi, người dùng thường tự tìm thấy các vấn đề về mã hóa trong khi chuẩn bị một StackBlitz tối thiểu. Chúng tôi hiểu rằng đôi khi có thể khó trích xuất các đoạn mã cần thiết từ cơ sở mã lớn hơn nhưng chúng tôi thực sự cần tách biệt vấn đề trước khi có thể khắc phục

Đóng góp cho dự án

Vui lòng kiểm tra NHÀ PHÁT TRIỂN. md để biết tài liệu về cách chạy dự án cục bộ và ĐÓNG GÓP. md để biết hướng dẫn đóng góp

Sự khác biệt giữa bootstrap và bootstrap là gì?

Một điểm khác biệt nằm ở định dạng mà công cụ chọn ngày của họ sử dụng. ng-bootstrap sử dụng một đối tượng, nhưng ngx-bootstrap sẽ lấy một chuỗi dễ sử dụng hơn . Lưu câu trả lời này.

Làm cách nào để cài đặt bootstrap trong góc 14?

Thêm Bootstrap vào ứng dụng Angular 14 .
Bước 1 - Cài đặt Angular CLI 14
Bước 2 - Khởi tạo Dự án Angular 14 của bạn
Bước 3 – Cài đặt Bootstrap 5
Bước 4 - Tạo các thành phần góc và thiết lập định tuyến
Bước 5 – Thêm Bootstrap 5 Jumbotron
Bước 6 – Tạo một bảng Angular Bootstrap 5

Làm cách nào để cài đặt bootstrap trong góc 12?

Cài đặt thủ công .
Thêm các phụ thuộc bootstrap , @popperjs/core và @ng-bootstrap/ng-bootstrap từ npm
Cài đặt polyfill @angular/localize
Thêm CSS/SCSS bootstrap vào dự án của bạn (không yêu cầu javascript)