Παραδείγματα κειμένου βοήθειας μπλοκ εκκίνησης

», «

”, ή περισσότερα, μπορούν να χρησιμοποιηθούν για την προσθήκη κειμένου βοήθειας. Για το σκοπό αυτό, το « μορφή-κείμενο Χρησιμοποιείται η τάξη. Αυτή η τάξη έχει « οθόνη: μπλοκ ” ιδιοκτησία. Επιπλέον, περιέχει επίσης την ιδιότητα άνω περιθωρίου που βοηθά το κείμενο να εμφανίζεται σε κάποιο χώρο από άλλα πεδία εισαγωγής.

Παράδειγμα

Δείτε το παρακάτω παράδειγμα:

---

---

• Πρόσθεσε το ' <φόρμα> ' στοιχείο για τη δημιουργία μιας φόρμας.
• Για να συμπεριλάβετε μια λεζάντα στο πεδίο εισαγωγής, προσθέστε ένα ' ' στοιχείο.
• Μετά από αυτό, προσθέστε το ' <εισαγωγή> ' στοιχείο με το ' μορφή-έλεγχος ' και ' πεδίο εισαγωγής ” για να δημιουργήσετε ένα πεδίο εισαγωγής.
• Στη συνέχεια, προσθέστε το ' <μικρό> 'στοιχείο με τις τάξεις' μορφή-κείμενο ' και ' κείμενο σε σίγαση ' για να προσθέσετε ένα κείμενο βοήθειας:

< μορφή >

< σπιθαμή > Εισάγετε τον κωδικό πρόσβασης < / σπιθαμή >

< εισαγωγή τάξη = 'πεδίο εισαγωγής φόρμας-έλεγχος' τύπος = 'Κωδικός πρόσβασης' >

< div τάξη = 'form-text text-muted' > Ο κωδικός πρόσβασής σας πρέπει να αποτελείται από 8 χαρακτήρες. < / div >

< / μορφή >

Οι κλάσεις που χρησιμοποιούνται στο παραπάνω απόσπασμα κώδικα περιγράφονται εδώ:

• ' μορφή-έλεγχος Η κλάση περιέχει κάποιο καθολικό στυλ για τα στοιχεία εισόδου.
• ' μορφή-κείμενο Η τάξη προσθέτει στυλ στο κείμενο βοήθειας.
• ' κείμενο σε σίγαση ” προσθέτει γενικά στυλ στο κείμενο βοήθειας.

Παραγωγή

Πώς να προσθέσετε κείμενο βοήθειας μπλοκ Bootstrap χρησιμοποιώντας ενσωματωμένα στοιχεία;

Τα ενσωματωμένα στοιχεία όπως « ' ή ' <μικρό> ' μπορεί να χρησιμοποιηθεί για την προσθήκη κειμένου βοήθειας στην ιστοσελίδα.

Παράδειγμα

Το παρακάτω παράδειγμα δείχνει τη χρήση του ' <μικρό> ' ενσωματωμένο στοιχείο για να καθορίσετε το κείμενο βοήθειας:

< μορφή τάξη = 'form-inline' >

< div τάξη = 'φόρμα-ομάδα' >

< σπιθαμή >Εισαγάγετε το όνομά σας< / σπιθαμή >

< εισαγωγή τάξη = 'πεδίο εισαγωγής φόρμας-ελέγχου' τύπος = 'Κωδικός πρόσβασης' >

< μικρό τάξη = 'Σίγαση κειμένου' >Πρέπει να συμπληρωθεί.< / μικρό >

< / div >

< / μορφή >

Μπορεί να παρατηρηθεί ότι το κείμενο βοήθειας προστέθηκε με επιτυχία:

Όλα αυτά αφορούν το κείμενο βοήθειας του μπλοκ Bootstrap.

συμπέρασμα

Για να προσθέσετε κείμενο βοήθειας στο Bootstrap, το ' μορφή-κείμενο Η κλάση χρησιμοποιείται για την προσθήκη του κειμένου βοήθειας σε επίπεδο μπλοκ. Ο ' κείμενο σε σίγαση Η κλάση χρησιμοποιείται για τη δημιουργία ενσωματωμένου κειμένου βοήθειας. Στο Bootstrap 3, το ' βοήθεια-μπλοκ Χρησιμοποιείται η τάξη. Πιο συγκεκριμένα, το κείμενο βοήθειας μπορεί να καθοριστεί με τα στοιχεία inline ή block-level. Αυτή η ανάρτηση εξηγεί πώς μπορείτε να προσθέσετε κείμενο βοήθειας στο Bootstrap με τη βοήθεια παραδειγμάτων.