תוכן עניינים:

איך אני יוצר טופס אופקי ב-bootstrap 4?
איך אני יוצר טופס אופקי ב-bootstrap 4?

וִידֵאוֹ: איך אני יוצר טופס אופקי ב-bootstrap 4?

וִידֵאוֹ: איך אני יוצר טופס אופקי ב-bootstrap 4?
וִידֵאוֹ: Создание динамических веб-приложений с помощью Laravel, Эрик Оуян 2024, אַפּרִיל
Anonim

לעשות א טופס אופקי , הוסף מחלקה =" טופס - אופקי " ב-< טופס > אלמנט. אם אתה משתמש באלמנט, עליך להשתמש ב-class="control-label". כמו כן, זכור שאתה יכול להשתמש של Bootstrap מחלקות רשת מוגדרות מראש ליישור תוויות וקבוצות של טופס שולט ב א אופקי מַעֲרָך.

נשאל גם, איך אני יוצר צורה אופקית ב-bootstrap?

כדי ליצור טופס אופקי ב-Bootstrap, בצע את השלבים הבאים:

  1. הוסף מחלקה של. צורה-אופקית לאלמנט האב.
  2. עטוף תוויות ופקדים בכיתה עם. טופס-קבוצה.
  3. הוסף מחלקה של. תווית שליטה לתוויות.

יודע גם, איך אני מרכז טופס ב-bootstrap 4? כדי ליישר את ה-div שלנו נבצע 3 שלבים פשוטים:

  1. ראשית, אנו מוסיפים את המחלקה "d-flex" ל-"div-wrapper" שלנו.
  2. לאחר מכן, אנו מוסיפים את המחלקה "justify-content-center" ל-"div-wrapper" שלנו כדי ליישר אופקית, במרכז, את ה-div הילד שלה (עם המחלקה "div-to-align"), זה שאנו רוצים ליישר..

מכאן, איך אני יוצר טופס אתחול?

כללים סטנדרטיים לשלושתם טופס פריסות: גלישת תוויות ו טופס שולט ב-<div class=" טופס -group"> (דרוש עבור מרווח אופטימלי) הוסף מחלקה. טופס -שליטה על כל הטקסטים, האלמנטים והאלמנטים.

פריסות טופס Bootstrap

  1. צורה אנכית (זו ברירת מחדל)
  2. צורה אופקית.
  3. טופס מוטבע.

מה עושה טופס מוטבע?

טפסים מוטבעים להשתמש ב. טופס - בשורה כיתה כדי להציג סדרה של תוויות, טופס פקדים וכפתורים בשורה אופקית אחת. טופס שולט בפנים טפסים מוטבעים להשתנות מעט ממצבי ברירת המחדל שלהם.

מוּמלָץ: