Βιβλίο
Υποενότητα 3.3: Εμφάνιση περιεχομένου - Media - Ειδοποιήσεις
Υποενότητα 3.3: Εμφάνιση περιεχομένου - Media - Ειδοποιήσεις
- HTML πίνακες - Tables
- Κάρτες - Cards
- Εικόνες - Images
- Media Object
- Ειδοποιήσεις - Alerting Users
Ειδοποιήσεις - Alerting Users
Σε αυτό το σύντομο μάθημα, θα εξετάσουμε τη χρήση των κονκάρδων - badges ως τρόπο προειδοποίησης των χρηστών.
Θα συνεχίσουμε να επεξεργάζομε το αρχείο index.html
. Σε αυτό το αρχείο θα προσθέσουμε ένα badge HOT
δίπλα στο όνομα 85% DARK CHOCOLATE στηfirst content row
. Για να το κάνετε αυτό, προσθέστε τον ακόλουθο κώδικα μέσα στο <h2> που περιέχει το όνομα:
<span class="badge badge-danger">HOT</span>
Στη συνέχεια, θα προσθέσουμε ένα badge σαν badge-pill
δίπλα στην προηγούμενη ετικέτα στην ιστοσελίδα. Προσθέστε τον ακόλουθο κώδικα στην ετικέτα <h2> tag
:
<span class="badge badge-pill badge-success">$0.99</span>
Κάντε commit τις αλλαγές στην Git repository με το μήνυμα "Alerting Users".