Gỡ cài đặt bootstrap trong góc

Bao gồm hơn 250 glyphs ở định dạng phông chữ từ bộ Glyphicon Halflings. Glyphicons Halflings thường không có sẵn miễn phí, nhưng người tạo ra chúng đã cung cấp chúng miễn phí cho Bootstrap. Để cảm ơn bạn, chúng tôi chỉ yêu cầu bạn bao gồm một liên kết quay lại Glyphicons bất cứ khi nào có thể

Cách sử dụng

Vì lý do hiệu suất, tất cả các biểu tượng yêu cầu lớp cơ sở và lớp biểu tượng riêng lẻ. Để sử dụng, hãy đặt đoạn mã sau vào bất kỳ đâu. Đảm bảo chừa khoảng trống giữa biểu tượng và văn bản để có phần đệm phù hợp

Không trộn lẫn với các thành phần khác

Các lớp biểu tượng không thể được kết hợp trực tiếp với các thành phần khác. Chúng không nên được sử dụng cùng với các lớp khác trên cùng một phần tử. Thay vào đó, hãy thêm một

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Chỉ để sử dụng trên các phần tử trống

Các lớp biểu tượng chỉ nên được sử dụng trên các phần tử không chứa nội dung văn bản và không có phần tử con

Biểu tượng có thể truy cập

Các phiên bản hiện đại của công nghệ hỗ trợ sẽ thông báo nội dung do CSS tạo ra, cũng như các ký tự Unicode cụ thể. Để tránh đầu ra ngoài ý muốn và khó hiểu trong trình đọc màn hình (đặc biệt khi các biểu tượng được sử dụng hoàn toàn để trang trí), chúng tôi ẩn chúng bằng thuộc tính

  
  Error:
  Enter a valid email address

Nếu bạn đang sử dụng một biểu tượng để truyền đạt ý nghĩa (chứ không chỉ là một yếu tố trang trí), hãy đảm bảo rằng ý nghĩa này cũng được truyền đạt cho các công nghệ hỗ trợ – ví dụ: bao gồm nội dung bổ sung, được ẩn trực quan bằng lớp

  
  Error:
  Enter a valid email address

Nếu bạn đang tạo các điều khiển không có văn bản nào khác (chẳng hạn như điều khiển chỉ chứa một biểu tượng), thì bạn phải luôn cung cấp nội dung thay thế để xác định mục đích của điều khiển, sao cho điều đó có ý nghĩa đối với người dùng công nghệ hỗ trợ. Trong trường hợp này, bạn có thể thêm thuộc tính

  
  Error:
  Enter a valid email address

ví dụ

Sử dụng chúng trong các nút, nhóm nút cho thanh công cụ, điều hướng hoặc đầu vào biểu mẫu được thêm vào trước

  



   Star

Biểu tượng được sử dụng trong cảnh báo để truyền đạt rằng đó là thông báo lỗi, với văn bản bổ sung

  
  Error:
  Enter a valid email address

Lỗi. Nhập địa chỉ email hợp lệ

  
  Error:
  Enter a valid email address

Menu theo ngữ cảnh, có thể chuyển đổi để hiển thị danh sách các liên kết. Thực hiện tương tác với plugin JavaScript thả xuống

Thí dụ

Bọc trình kích hoạt của trình đơn thả xuống và menu thả xuống trong

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Menu thả xuống có thể được thay đổi để mở rộng lên trên (thay vì xuống dưới) bằng cách thêm

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

căn chỉnh

Theo mặc định, menu thả xuống được tự động định vị 100% từ trên cùng và dọc theo bên trái của menu chính. Thêm

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Có thể yêu cầu định vị bổ sung

Danh sách thả xuống được định vị tự động thông qua CSS trong quy trình bình thường của tài liệu. Điều này có nghĩa là danh sách thả xuống có thể bị cắt bởi cha mẹ với một số thuộc tính

  
  Error:
  Enter a valid email address

Căn chỉnh

  
  Error:
  Enter a valid email address

12 không dùng nữa

kể từ v3. 1. 0, chúng tôi đã ngừng sử dụng

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Thêm tiêu đề để gắn nhãn các phần hành động trong bất kỳ menu thả xuống nào

  
  Error:
  Enter a valid email address

dải phân cách

Thêm một dải phân cách để tách chuỗi liên kết trong menu thả xuống

  
  Error:
  Enter a valid email address

Các mục menu bị vô hiệu hóa

Thêm

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Nhóm một loạt các nút lại với nhau trên một dòng với nhóm nút. Thêm vào hành vi kiểu hộp kiểm và radio JavaScript tùy chọn với plugin nút của chúng tôi

Chú giải công cụ và cửa sổ bật lên trong các nhóm nút yêu cầu cài đặt đặc biệt

Khi sử dụng chú giải công cụ hoặc cửa sổ bật lên trên các phần tử trong

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Đảm bảo đúng

  
  Error:
  Enter a valid email address

19 và cung cấp nhãn

Để các công nghệ hỗ trợ – chẳng hạn như trình đọc màn hình – truyền đạt rằng một loạt các nút được nhóm lại, cần cung cấp một thuộc tính

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Một ngoại lệ là các nhóm chỉ chứa một điều khiển duy nhất (ví dụ: các nhóm nút được căn đều có các thành phần) hoặc danh sách thả xuống

Ngoài ra, các nhóm và thanh công cụ phải được gắn nhãn rõ ràng, vì hầu hết các công nghệ hỗ trợ sẽ không thông báo chúng, bất chấp sự hiện diện của thuộc tính

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Ví dụ cơ bản

Quấn một loạt nút bằng

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Kết hợp các bộ

thành một

cho các thành phần phức tạp hơn.

  



   Star

định cỡ

Thay vì áp dụng các lớp kích thước nút cho mọi nút trong một nhóm, chỉ cần thêm

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  



   Star

làm tổ

Đặt một

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  



   Star

biến đổi theo chiều dọc

Làm cho một tập hợp các nút xuất hiện xếp chồng lên nhau theo chiều dọc thay vì theo chiều ngang. Menu thả xuống của nút tách không được hỗ trợ ở đây

  



   Star

Các nhóm nút được căn chỉnh

Tạo một nhóm các nút kéo dài ở các kích thước bằng nhau để kéo dài toàn bộ chiều rộng của nút gốc. Cũng hoạt động với các nút thả xuống trong nhóm nút

Xử lý đường viền

Do HTML và CSS cụ thể được sử dụng để căn chỉnh các nút (cụ thể là

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

IE8 và đường viền

Internet Explorer 8 không hiển thị đường viền trên các nút trong nhóm nút được căn đều, cho dù đó là trên các phần tử

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Xem #12476 để biết thêm thông tin

Với ____00 phần tử

Chỉ cần bọc một loạt các

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  



   Star

Liên kết hoạt động như các nút

Nếu các phần tử

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Với các yếu tố

Để sử dụng các nhóm nút được căn đều với các thành phần, bạn phải bọc từng nút trong một nhóm nút. Hầu hết các trình duyệt không áp dụng đúng CSS của chúng tôi để biện minh cho các phần tử, nhưng vì chúng tôi hỗ trợ trình đơn thả xuống của nút nên chúng tôi có thể giải quyết vấn đề đó.

  



   Star

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Sử dụng bất kỳ nút nào để kích hoạt menu thả xuống bằng cách đặt nó trong một

  
  Error:
  Enter a valid email address

Phụ thuộc plugin

Nút thả xuống yêu cầu plugin thả xuống được đưa vào phiên bản Bootstrap của bạn

Menu thả xuống một nút

Biến một nút thành chuyển đổi thả xuống với một số thay đổi đánh dấu cơ bản

  



   Star

Menu thả xuống của nút tách

Tương tự, tạo danh sách thả xuống nút tách với các thay đổi đánh dấu giống nhau, chỉ với một nút riêng biệt

  



   Star

định cỡ

Nút thả xuống hoạt động với các nút ở mọi kích cỡ

  



   Star

biến thể dropup

Kích hoạt menu thả xuống phía trên các phần tử bằng cách thêm

  
  Error:
  Enter a valid email address

Dropup bên phải Chuyển đổi Dropdown

  



   Star

Mở rộng các điều khiển biểu mẫu bằng cách thêm văn bản hoặc nút trước, sau hoặc ở cả hai bên của bất kỳ

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

  
  Error:
  Enter a valid email address

Làm cách nào để xóa bootstrap khỏi Angular cli?

Làm cách nào để cài đặt ng bootstrap trong Angular 11?

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

Tại sao bootstrap của tôi không hoạt động trong Angular?