Mündəricat:

Bootstrap 4-də üfüqi formanı necə yarada bilərəm?
Bootstrap 4-də üfüqi formanı necə yarada bilərəm?

Video: Bootstrap 4-də üfüqi formanı necə yarada bilərəm?

Video: Bootstrap 4-də üfüqi formanı necə yarada bilərəm?
Video: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo 2024, Aprel
Anonim

Hazırlamaq a üfüqi formada , sinif əlavə et =" forma - üfüqi ” <-də forma > element. Elementdən istifadə edirsinizsə, class=”control-label” istifadə etməlisiniz. Bundan əlavə, istifadə edə biləcəyinizi unutmayın Bootstrap etiketləri və qrupları uyğunlaşdırmaq üçün əvvəlcədən təyin edilmiş grid sinifləri forma a-da nəzarət edir üfüqi layout.

Həmçinin soruşulur ki, mən bootstrap-da üfüqi forma necə yarada bilərəm?

Bootstrap-da üfüqi forma yaratmaq üçün aşağıdakı addımları yerinə yetirin:

  1. bir sinif əlavə edin. forma-ana elementə üfüqi.
  2. Etiketləri və idarəetmə elementlərini ilə sinifinə sarın. forma qrupu.
  3. bir sinif əlavə edin. etiketlərə nəzarət etiketi.

Həmçinin bilirsiniz ki, mən bootstrap 4-də formanı necə mərkəzləşdirə bilərəm? Divimizi uyğunlaşdırmaq üçün 3 asan addımı izləyəcəyik:

  1. Əvvəlcə “div-wrapper”imizə “d-flex” sinfini əlavə edirik.
  2. Sonra, üfüqi olaraq hizalamaq üçün “justify-content-center” sinfini “div-wrapper”a əlavə edirik, mərkəzdə onun uşaq div (“div-to-align” sinfi ilə), hizalamaq istədiyimiz sinif.

Burada bootstrap formasını necə yarada bilərəm?

Hər üçü üçün standart qaydalar forma layouts: Etiketləri sarın və forma <div class="-da nəzarətlər forma -group"> (optimal məsafə üçün lazımdır) Sinif əlavə edin. forma -bütün mətn,, və elementlərə nəzarət.

Bootstrap Form Layouts

  1. Şaquli forma (bu standartdır)
  2. Üfüqi forma.
  3. Daxili forma.

Forma inline nə edir?

Daxili formalar istifadə edin. forma - xətdə bir sıra etiketləri göstərmək üçün sinif, forma tək üfüqi cərgədə idarəetmələr və düymələr. forma daxilində nəzarət edir daxili formalar standart vəziyyətlərindən bir qədər fərqlənir.

Tövsiyə: