Πίνακας περιεχομένων:

Πώς μπορώ να δημιουργήσω μια οριζόντια φόρμα στο bootstrap 4;
Πώς μπορώ να δημιουργήσω μια οριζόντια φόρμα στο bootstrap 4;

Βίντεο: Πώς μπορώ να δημιουργήσω μια οριζόντια φόρμα στο bootstrap 4;

Βίντεο: Πώς μπορώ να δημιουργήσω μια οριζόντια φόρμα στο bootstrap 4;
Βίντεο: Windows - Πως βάζω μια φωτογραφία στην επιφάνεια εργασίας των Windows 10 2024, Απρίλιος
Anonim

Να κάνω ένα σχηματίζουν οριζόντια , προσθήκη κλάσης=” μορφή - οριζόντιος ” στο < μορφή > στοιχείο. Εάν χρησιμοποιείτε το στοιχείο, τότε πρέπει να χρησιμοποιήσετε class=”control-label”. Επίσης, να θυμάστε ότι μπορείτε να χρησιμοποιήσετε Bootstrap's προκαθορισμένες κλάσεις πλέγματος για ευθυγράμμιση ετικετών και ομάδων από μορφή ελέγχους σε α οριζόντιος σχέδιο.

Ρώτησε επίσης, πώς μπορώ να δημιουργήσω μια οριζόντια φόρμα στο bootstrap;

Για να δημιουργήσετε μια οριζόντια φόρμα στο Bootstrap, ακολουθήστε τα παρακάτω βήματα:

  1. Προσθέστε μια κατηγορία. μορφή-οριζόντια προς το γονικό στοιχείο.
  2. Τυλίξτε τις ετικέτες και τα στοιχεία ελέγχου σε ένα με την κλάση. μορφή-ομάδα.
  3. Προσθέστε μια κατηγορία. Ετικέτα ελέγχου στις ετικέτες.

Γνωρίζετε επίσης, πώς κεντρίζω μια φόρμα στο bootstrap 4; Για να ευθυγραμμίσουμε το div μας θα ακολουθήσουμε 3 εύκολα βήματα:

  1. Αρχικά, προσθέτουμε την κλάση "d-flex" στο "div-wrapper" μας.
  2. Στη συνέχεια, προσθέτουμε την κλάση "justify-content-center" στο "div-wrapper" μας για να ευθυγραμμίσουμε οριζόντια, στο κέντρο, το θυγατρικό του div (με την κλάση "div-to-align"), αυτό που θέλουμε να ευθυγραμμίσουμε.

Από εδώ, πώς μπορώ να δημιουργήσω μια φόρμα bootstrap;

Τυπικοί κανόνες και για τα τρία μορφή διατάξεις: Τυλίξτε ετικέτες και μορφή στοιχεία ελέγχου σε <div class=" μορφή -group"> (απαιτείται για βέλτιστο διάστημα) Προσθήκη κλάσης. μορφή -Έλεγχος όλων των κειμένων,, και στοιχείων.

Bootstrap Form Layouts

  1. Κάθετη μορφή (αυτή είναι προεπιλογή)
  2. Οριζόντια μορφή.
  3. Ενσωματωμένη φόρμα.

Τι κάνει η φόρμα inline;

Ενσωματωμένες φόρμες Χρησιμοποιήστε το. μορφή - στη γραμμή τάξη για εμφάνιση μιας σειράς ετικετών, μορφή χειριστήρια και κουμπιά σε μία μόνο οριζόντια σειρά. Μορφή ελέγχους εντός ενσωματωμένες φόρμες διαφέρουν ελαφρώς από τις προεπιλεγμένες καταστάσεις τους.

Συνιστάται: