Typografia

Τομέας 1

Τομέας 2

Τομέας 3

Τομέας 4

Τομέας 5

Τομέας 6

Οθόνη 1

Οθόνη 2

Οθόνη 3

Οθόνη 4

Οθόνη 5

Οθόνη 6

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

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

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

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

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

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

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

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

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

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

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

εικόνες

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

πίνακες

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

εξαρτήματα

Ακορντεόν

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

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

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

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

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

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

Σήμα

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

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

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

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

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

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

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

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

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

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

κουμπιά

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

Κάρτα

Απόδειξη με έγγραφα
PlaceholderΚάλυμμα εικόνας
Τίτλος κάρτας

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

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

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

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

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

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

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

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

Ομάδα λίστας

Απόδειξη με έγγραφα
  • Ένα απενεργοποιημένο στοιχείο
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
  • Ένα τέταρτο στοιχείο
  • Και ένα πέμπτο
  • Ενα αντικείμενο
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
  • Ένα τέταρτο στοιχείο
  • Και ένα πέμπτο
Ένα απλό προεπιλεγμένο στοιχείο ομάδας λίστας Ένα απλό βασικό στοιχείο ομάδας λίστας Ένα απλό δευτερεύον στοιχείο ομάδας λίστας Ένα απλό στοιχείο ομάδας λίστας επιτυχίας Ένα απλό στοιχείο της ομάδας λίστας κινδύνου Ένα απλό στοιχείο ομάδας προειδοποίησης λίστας Ένα απλό στοιχείο ομάδας λίστας πληροφοριών Ένα απλό στοιχείο ομάδας φωτεινής λίστας Ένα απλό στοιχείο ομάδας σκοτεινής λίστας

Popover

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

Scrollspy

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

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

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

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

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

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

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

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

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

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

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

Περιστατικά

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

Επεξηγήσεις

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