BootstrapΣκονάκι

RTL cheatsheet

Περιεχόμενα

Τυπογραφία

Τεκμηρίωση

Οθόνη 1

Οθόνη 2

Οθόνη 3

Οθόνη 4

Οθόνη 5

Οθόνη 6

Επικεφαλίδα 1

Επικεφαλίδα 2

Κεφάλαιο 3

Κεφάλαιο 4

Κεφάλαιο 5

Κεφάλαιο 6

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

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

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

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

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

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

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

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

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


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

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

εικόνες

Τεκμηρίωση
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Πίνακες

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

Φιγούρες

Τεκμηρίωση
Placeholder 400x300
Μια λεζάντα για την παραπάνω εικόνα.

Έντυπα

ΣΦΑΙΡΙΚΗ ΕΙΚΟΝΑ

Τεκμηρίωση
Δεν θα μοιραστούμε ποτέ το email σας με κανέναν άλλο.
Κουμπιά ραδιοφώνου

Φόρμες για άτομα με ειδικές ανάγκες

Τεκμηρίωση
Απενεργοποιημένα κουμπιά ραδιοφώνου

Ομάδα εισαγωγής

Τεκμηρίωση
@
@example.com
https://example.com/users/
$ .00
Με textarea

Πλωτές ετικέτες

Τεκμηρίωση

Επικύρωση

Τεκμηρίωση
Φαίνεται καλό!
Φαίνεται καλό!
@
Επιλέξτε ένα όνομα χρήστη.
Καταχωρίστε μια έγκυρη πόλη.
Επιλέξτε μια έγκυρη κατάσταση.
Δώστε ένα έγκυρο zip.
Πρέπει να συμφωνήσετε πριν την υποβολή.

Συστατικά

Ακορντεόν

Τεκμηρίωση

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

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

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

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

Τεκμηρίωση

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

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

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

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

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

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

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

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

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

Κουμπιά

Τεκμηρίωση
Placeholder Image cap
Τίτλος κάρτας

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

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

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

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

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

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

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

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

Ομάδα λίστας

Τεκμηρίωση
  • Ένα αντικείμενο με ειδικές ανάγκες
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
  • Ένα τέταρτο στοιχείο
  • Και ένα πέμπτο
  • Ενα αντικείμενο
  • Ένα δεύτερο στοιχείο
  • Ένα τρίτο στοιχείο
  • Ένα τέταρτο στοιχείο
  • Και ένα πέμπτο

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

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

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

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

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

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

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

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

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

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

Κλωστές

Τεκμηρίωση
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...
Φόρτωση...

Συμβουλές εργαλείων

Τεκμηρίωση