Typografia

Τομέας 1

Τομέας 2

Τομέας 3

Τομέας 4

Τομέας 5

Τομέας 6

Οθόνη 1

Οθόνη 2

Οθόνη 3

Οθόνη 4

Οθόνη 5

Οθόνη 6

Αυτή είναι μια κύρια παράγραφος. Ξεχωρίζει από τις κανονικές παραγράφους.

Μπορείτε να χρησιμοποιήσετε την ετικέτα σήμανσης για να επισημάνετε κειμένου.

Αυτή η γραμμή κειμένου προορίζεται να αντιμετωπίζεται ως διαγραμμένο κείμενο.

Αυτή η γραμμή κειμένου προορίζεται να αντιμετωπίζεται ως μη ακριβής.

Αυτή η γραμμή κειμένου προορίζεται να αντιμετωπίζεται ως προσθήκη στο έγγραφο.

Αυτή η γραμμή κειμένου θα αποδοθεί όπως υπογραμμίζεται.

Αυτή η γραμμή κειμένου προορίζεται να αντιμετωπίζεται ως ψιλά γράμματα.

Αυτή η γραμμή αποδόθηκε ως έντονο κείμενο.

Αυτή η γραμμή αποδόθηκε ως κείμενο με πλάγια γραφή.


Ένα πολύ γνωστό απόσπασμα, που περιέχεται σε ένα στοιχείο blockquote.

Κάποιος διάσημος στο Τίτλος πηγής
  • Αυτή είναι μια λίστα.
  • Φαίνεται εντελώς άτυπο.
  • Δομικά, εξακολουθεί να είναι μια λίστα.
  • Ωστόσο, αυτό το στυλ ισχύει μόνο για άμεσο παιδικά στοιχεία.
  • Ένθετες λίστες:
    • δεν επηρεάζονται από αυτό το στυλ
    • θα δείχνει ακόμα μια σφαίρα
    • και έχουν κατάλληλο αριστερό περιθώριο
  • Αυτό μπορεί να είναι ακόμα χρήσιμο σε ορισμένες περιπτώσεις.
  • Αυτό είναι ένα στοιχείο λίστας.
  • Και άλλο ένα.
  • Αλλά εμφανίζονται ενσωματωμένα.

εικόνες

PlaceholderΑνταπόκριτη εικόνα
Μια γενική τετράγωνη εικόνα κράτησης θέσης με λευκό περίγραμμα γύρω της, που την κάνει να μοιάζει με φωτογραφία που τραβήχτηκε με μια παλιά κάμερα στιγμιαίας χρήσης200 × 200

πίνακες

# Όνομα Επίθετο Handle
1 Σημειώστε Όθων @mdo
2 Ιάκωβος Thornton @Λίπος
3 Larry the Bird κελάδημα
# Όνομα Επίθετο Handle
1 Σημειώστε Όθων @mdo
2 Ιάκωβος Thornton @Λίπος
3 Larry the Bird κελάδημα
Τάξη Επικεφαλίδα Επικεφαλίδα
Προεπιλογή Κύτταρο Κύτταρο
πρωταρχικός Κύτταρο Κύτταρο
Δευτερεύων Κύτταρο Κύτταρο
Επιτυχία Κύτταρο Κύτταρο
Κίνδυνος Κύτταρο Κύτταρο
προειδοποίηση Κύτταρο Κύτταρο
Πληροφορίες Κύτταρο Κύτταρο
φως Κύτταρο Κύτταρο
σκοτάδι Κύτταρο Κύτταρο
# Όνομα Επίθετο Handle
1 Σημειώστε Όθων @mdo
2 Ιάκωβος Thornton @Λίπος
3 Larry the Bird κελάδημα

εξαρτήματα

Αυτό είναι το σώμα ακορντεόν του πρώτου αντικειμένου. Είναι κρυφό από προεπιλογή, έως ότου το πρόσθετο σύμπτυξης προσθέσει τις κατάλληλες κλάσεις που χρησιμοποιούμε για το στυλ κάθε στοιχείου. Αυτές οι κλάσεις ελέγχουν τη συνολική εμφάνιση, καθώς και την εμφάνιση και την απόκρυψη μέσω μεταβάσεων CSS. Μπορείτε να τροποποιήσετε οποιοδήποτε από αυτά με προσαρμοσμένο CSS ή να παρακάμψετε τις προεπιλεγμένες μεταβλητές μας. Αξίζει επίσης να σημειωθεί ότι σχεδόν οποιοδήποτε HTML μπορεί να μπει μέσα στο .accordion-body, αν και η μετάβαση περιορίζει την υπερχείλιση.

Αυτό είναι το σώμα ακορντεόν του δεύτερου αντικειμένου. Είναι κρυφό από προεπιλογή, έως ότου το πρόσθετο σύμπτυξης προσθέσει τις κατάλληλες κλάσεις που χρησιμοποιούμε για το στυλ κάθε στοιχείου. Αυτές οι κλάσεις ελέγχουν τη συνολική εμφάνιση, καθώς και την εμφάνιση και την απόκρυψη μέσω μεταβάσεων CSS. Μπορείτε να τροποποιήσετε οποιοδήποτε από αυτά με προσαρμοσμένο CSS ή να παρακάμψετε τις προεπιλεγμένες μεταβλητές μας. Αξίζει επίσης να σημειωθεί ότι σχεδόν οποιοδήποτε HTML μπορεί να μπει μέσα στο .accordion-body, αν και η μετάβαση περιορίζει την υπερχείλιση.

Αυτό είναι το σώμα ακορντεόν του τρίτου αντικειμένου. Είναι κρυφό από προεπιλογή, έως ότου το πρόσθετο σύμπτυξης προσθέσει τις κατάλληλες κλάσεις που χρησιμοποιούμε για το στυλ κάθε στοιχείου. Αυτές οι κλάσεις ελέγχουν τη συνολική εμφάνιση, καθώς και την εμφάνιση και την απόκρυψη μέσω μεταβάσεων CSS. Μπορείτε να τροποποιήσετε οποιοδήποτε από αυτά με προσαρμοσμένο CSS ή να παρακάμψετε τις προεπιλεγμένες μεταβλητές μας. Αξίζει επίσης να σημειωθεί ότι σχεδόν οποιοδήποτε HTML μπορεί να μπει μέσα στο .accordion-body, αν και η μετάβαση περιορίζει την υπερχείλιση.

Ειδοποιήσεις

Απόδειξη με έγγραφα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

Παράδειγμα επικεφαλίδας Νέα

πρωταρχικός Δευτερεύων Επιτυχία Κίνδυνος προειδοποίηση Πληροφορίες φως σκοτάδι
PlaceholderΚάλυμμα εικόνας
Τίτλος κάρτας

Κάποιο σύντομο παράδειγμα κειμένου που θα βασίζεται στον τίτλο της κάρτας και θα αποτελεί το μεγαλύτερο μέρος του περιεχομένου της κάρτας.

Πάω κάπου
Προτεινόμενα
Τίτλος κάρτας

Κάποιο σύντομο παράδειγμα κειμένου που θα βασίζεται στον τίτλο της κάρτας και θα αποτελεί το μεγαλύτερο μέρος του περιεχομένου της κάρτας.

Πάω κάπου
Τίτλος κάρτας

Κάποιο σύντομο παράδειγμα κειμένου που θα βασίζεται στον τίτλο της κάρτας και θα αποτελεί το μεγαλύτερο μέρος του περιεχομένου της κάρτας.

  • Ενα αντικείμενο
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
PlaceholderΕικόνα
Τίτλος κάρτας

Αυτή είναι μια ευρύτερη κάρτα με κείμενο υποστήριξης παρακάτω ως φυσικό οδηγό σε πρόσθετο περιεχόμενο. Αυτό το περιεχόμενο είναι λίγο μεγαλύτερο.

Τελευταία ενημέρωση πριν από 3 λεπτά

Ομάδα λίστας

Απόδειξη με έγγραφα
  • Ένα απενεργοποιημένο στοιχείο
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
  • Ένα τέταρτο στοιχείο
  • Και ένα πέμπτο
  • Ενα αντικείμενο
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
  • Ένα τέταρτο στοιχείο
  • Και ένα πέμπτο

Πρώτη επικεφαλίδα

Αυτό είναι κάποιο περιεχόμενο κράτησης θέσης για τη σελίδα scrollspy. Σημειώστε ότι καθώς κάνετε κύλιση προς τα κάτω στη σελίδα, επισημαίνεται ο κατάλληλος σύνδεσμος πλοήγησης. Επαναλαμβάνεται σε όλο το παράδειγμα του στοιχείου. Συνεχίζουμε να προσθέτουμε κάποιο άλλο παράδειγμα αντιγράφου εδώ για να τονίσουμε την κύλιση και την επισήμανση.

Δεύτερη επικεφαλίδα

Αυτό είναι κάποιο περιεχόμενο κράτησης θέσης για τη σελίδα scrollspy. Σημειώστε ότι καθώς κάνετε κύλιση προς τα κάτω στη σελίδα, επισημαίνεται ο κατάλληλος σύνδεσμος πλοήγησης. Επαναλαμβάνεται σε όλο το παράδειγμα του στοιχείου. Συνεχίζουμε να προσθέτουμε κάποιο άλλο παράδειγμα αντιγράφου εδώ για να τονίσουμε την κύλιση και την επισήμανση.

Τρίτη επικεφαλίδα

Αυτό είναι κάποιο περιεχόμενο κράτησης θέσης για τη σελίδα scrollspy. Σημειώστε ότι καθώς κάνετε κύλιση προς τα κάτω στη σελίδα, επισημαίνεται ο κατάλληλος σύνδεσμος πλοήγησης. Επαναλαμβάνεται σε όλο το παράδειγμα του στοιχείου. Συνεχίζουμε να προσθέτουμε κάποιο άλλο παράδειγμα αντιγράφου εδώ για να τονίσουμε την κύλιση και την επισήμανση.

Τέταρτη επικεφαλίδα

Αυτό είναι κάποιο περιεχόμενο κράτησης θέσης για τη σελίδα scrollspy. Σημειώστε ότι καθώς κάνετε κύλιση προς τα κάτω στη σελίδα, επισημαίνεται ο κατάλληλος σύνδεσμος πλοήγησης. Επαναλαμβάνεται σε όλο το παράδειγμα του στοιχείου. Συνεχίζουμε να προσθέτουμε κάποιο άλλο παράδειγμα αντιγράφου εδώ για να τονίσουμε την κύλιση και την επισήμανση.

πέμπτη επικεφαλίδα

Αυτό είναι κάποιο περιεχόμενο κράτησης θέσης για τη σελίδα scrollspy. Σημειώστε ότι καθώς κάνετε κύλιση προς τα κάτω στη σελίδα, επισημαίνεται ο κατάλληλος σύνδεσμος πλοήγησης. Επαναλαμβάνεται σε όλο το παράδειγμα του στοιχείου. Συνεχίζουμε να προσθέτουμε κάποιο άλλο παράδειγμα αντιγράφου εδώ για να τονίσουμε την κύλιση και την επισήμανση.

Περιστατικά

Απόδειξη με έγγραφα
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…
Φόρτωση…

Επεξηγήσεις

Απόδειξη με έγγραφα