Biểu tượng bootstrap 4
|
Bootstrap hiện bao gồm hơn 1. 600 icon chất lượng cao, có sẵn ở định dạng SVG, SVG sprite hoặc web font. Bạn có thể sử dụng chúng có hoặc không có Bootstrap trong bất kỳ dự án nào Show  Lợi thế của việc sử dụng phông chữ biểu tượng là, bạn có thể tạo biểu tượng với bất kỳ màu nào chỉ bằng cách áp dụng thuộc tính CSS Bootstrap hiện bao gồm hơn 1. 600 icon chất lượng cao, có sẵn ở định dạng SVG, SVG sprite hoặc web font. Bạn có thể sử dụng chúng có hoặc không có Bootstrap trong bất kỳ dự án nào Lợi thế của việc sử dụng phông chữ biểu tượng là, bạn có thể tạo biểu tượng với bất kỳ màu nào chỉ bằng cách áp dụng thuộc tính CSS Bây giờ, chúng ta hãy xem cách bổ sung và sử dụng các biểu tượng Bootstrap trên một trang web Thêm các biểu tượng Bootstrap vào một trang webCách đơn giản nhất để đưa các biểu tượng Bootstrap vào một trang web là sử dụng CDN liên kết. Liên kết CDN này về cơ bản trỏ đến tệp CSS từ xa bao gồm tất cả các lớp cần thiết để tạo phông chữ biểu tượng Bạn có thể thêm các biểu tượng Bootstrap trong mẫu Bootstrap cũng như trong một trang web đơn giản mà không cần sử dụng Bootstrap framework. Please view ví dụ sau Cách sử dụng các biểu tượng Bootstrap trong mã của bạnĐể sử dụng các biểu tượng Bootstrap trong mã của bạn, bạn sẽ yêu cầu một thẻ Trong đó tên lớp là tên cụ thể của biểu tượng lớp, ví dụ. Ví dụ. để đặt biểu tượng tìm kiếm bên trong một nút, bạn có thể làm như sau Kết quả của ví dụ trên sẽ giống như sau Tương tự, bạn có thể đặt các biểu tượng của Font Awesome bên trong điều hướng, biểu mẫu, bảng, đoạn văn và các thành phần khác theo cách giống như cách bạn làm với các biểu tượng Bootstrap Tất cả các bài viết. BootstrapBước 1. Tạo cấu trúc HTML Bước 2. Tạo cấu trúc CSS Bước 3. Gọi thư viện Bootstrap Bước 4. Call library JQUERY
Bootstrap Xem (3454) Học thiết kế web Bước 1. Tạo cấu trúc HTML Bước 2. Tạo cấu trúc CSS Bước 3. Gọi thư viện Bootstrap Bước 4. Call library JQUERY |
