Biểu tượng nút Bootstrap

Của cải

Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu

Tài sản

(Click để sắp xếp tăng dần)

Loại

(Click để sắp xếp tăng dần)

Vỡ nợ

Sự miêu tả

animation
v2. 7. 0+______1_______ Tạo hoạt ảnh cho biểu tượng. Hoạt hình tích hợp được hỗ trợ là 'cylon', 'fade', 'pulse', 'spin' và 'throb'_______2_______
Boolean falseLật biểu tượng theo chiều ngangflip-v
Boolean falseLật biểu tượng theo chiều dọc_______8_______
Number hoặc String _______1_______1Chia tỷ lệ kích thước phông chữ hiện tại của biểu tượngString2
String Tên của biểu tượng sẽ hiển thị. Thành phần biểu tượng tương ứng phải được cài đặt_______1_______4
Number hoặc String _______1_______7Xoay biểu tượng theo số độ đã chỉ định. Giá trị dương xoay theo chiều kim đồng hồ, trong khi giá trị âm xoay ngược chiều kim đồng hồ String 8
Number hoặc String _______1_______1Chia tỷ lệ SVG của biểu tượng mà không tăng kích thước phông chữflip-h2
Number hoặc String _______1_______7Di chuyển biểu tượng theo chiều ngang. Số dương sẽ dịch chuyển biểu tượng sang phải, âm sang trái. Giá trị theo đơn vị 1/16emflip-h6
Number hoặc String _______1_______7Di chuyển biểu tượng theo chiều dọc. Số dương sẽ chuyển biểu tượng lên, âm xuống. Giá trị tính bằng đơn vị 1/16emBoolean0
v2. 3. 0+______3_______ falseĐặt chỗ dựa này thành true khi đặt bên trong một thành phần BIconstackBoolean3
v2. 17. 0+______1_______ Nội dung văn bản cần đặt trong tiêu đềBoolean5
String Biến thể màu theo ngữ cảnh. Theo mặc định, biểu tượng kế thừa màu văn bản hiện tại

Của cải

Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu

Tài sản

(Click để sắp xếp tăng dần)

Loại

(Click để sắp xếp tăng dần)

Vỡ nợ

Sự miêu tả

animation
v2. 7. 0+______1_______ Tạo hoạt ảnh cho biểu tượng. Hoạt hình tích hợp được hỗ trợ là 'spin', 'pulse' và 'cylon'flip-h
Boolean falseLật biểu tượng theo chiều ngangflip-v
Boolean falseLật biểu tượng theo chiều dọc_______8_______
Number hoặc String _______1_______1Chia tỷ lệ kích thước phông chữ hiện tại của biểu tượngString4
Number hoặc String _______1_______7Xoay biểu tượng theo số độ đã chỉ định. Giá trị dương xoay theo chiều kim đồng hồ, trong khi giá trị âm xoay ngược chiều kim đồng hồ String 8
Number hoặc String _______1_______1Chia tỷ lệ SVG của biểu tượng mà không tăng kích thước phông chữflip-h2
Number hoặc String _______1_______7Di chuyển biểu tượng theo chiều ngang. Số dương sẽ dịch chuyển biểu tượng sang phải, âm sang trái. Giá trị theo đơn vị 1/16emflip-h6
Number hoặc String _______1_______7Di chuyển biểu tượng theo chiều dọc. Số dương sẽ chuyển biểu tượng lên, âm xuống. Giá trị tính bằng đơn vị 1/16emBoolean0
v2. 3. 0+______3_______ falseĐặt chỗ dựa này thành true khi đặt bên trong một thành phần BIconstackBoolean3
v2. 17. 0+______1_______ Nội dung văn bản cần đặt trong tiêu đềBoolean5
String Biến thể màu theo ngữ cảnh. Theo mặc định, biểu tượng kế thừa màu văn bản hiện tại

Của cải

Tất cả các giá trị mặc định của thuộc tính đều có thể định cấu hình trên toàn cầu

Tài sản

(Click để sắp xếp tăng dần)

Loại

(Click để sắp xếp tăng dần)

Vỡ nợ

Sự miêu tả

animation
v2. 7. 0+______1_______ Tạo hoạt ảnh cho biểu tượng. Hoạt hình tích hợp được hỗ trợ là 'cylon', 'fade', 'pulse', 'spin' và 'throb'_______2_______
Boolean falseLật biểu tượng theo chiều ngangflip-v
Boolean falseLật biểu tượng theo chiều dọc_______8_______
Number hoặc String _______1_______1Chia tỷ lệ kích thước phông chữ hiện tại của biểu tượngString4
Number hoặc String _______1_______7Xoay biểu tượng theo số độ đã chỉ định. Giá trị dương xoay theo chiều kim đồng hồ, trong khi giá trị âm xoay ngược chiều kim đồng hồ String 8
Number hoặc String _______1_______1Chia tỷ lệ SVG của biểu tượng mà không tăng kích thước phông chữflip-h2
Number hoặc String _______1_______7Di chuyển biểu tượng theo chiều ngang. Số dương sẽ dịch chuyển biểu tượng sang phải, âm sang trái. Giá trị theo đơn vị 1/16emflip-h6
Number hoặc String _______1_______7Di chuyển biểu tượng theo chiều dọc. Số dương sẽ chuyển biểu tượng lên, âm xuống. Giá trị tính theo đơn vị 1/16emBoolean3
v2. 17. 0+______1_______ Nội dung văn bản cần đặt trong tiêu đềBoolean5
String Biến thể màu theo ngữ cảnh. Theo mặc định, biểu tượng kế thừa màu văn bản hiện tại

Làm cách nào để thêm biểu tượng vào nút trong Bootstrap?

Để tạo nút bootstrap có biểu tượng và văn bản, hãy làm theo các bước sau. .
Tạo một nút bằng cách sử dụng bootstrap với. lớp btn
Thêm lớp btn-* vào nút để tạo cho nút một giao diện khác
Now create tag and add fa fa-* class to it and insert within the button..
Cuối cùng, thêm văn bản vào nút

Một biểu tượng có thể là một nút?

Nút biểu tượng là biểu tượng kích hoạt một số loại hành động trên trang . Chính xác hơn, về mặt kỹ thuật, một nút biểu tượng là một nút chứa biểu tượng và không có văn bản đi kèm (hiển thị). Các nút này có thể được tìm thấy trong phần lớn các ứng dụng và giao diện người dùng ngày nay.

Nút biểu tượng này để làm gì *?

Nút biểu tượng là hình ảnh được in trên tiện ích Vật liệu phản ứng với các thao tác chạm bằng cách tô màu (mực) . Các nút biểu tượng thường được sử dụng trong AppBar. trường hành động, nhưng chúng cũng có thể được sử dụng ở nhiều nơi khác. Nếu cuộc gọi lại onPressed là null, thì nút sẽ bị tắt và sẽ không phản ứng khi chạm vào.