როგორ შევქმნა ჰორიზონტალური ფორმა bootstrap 4-ში?

2024 ავტორი: Lynn Donovan | [email protected]. ბოლოს შეცვლილი: 2023-12-15 23:49

Გაკეთება ა ჰორიზონტალური ფორმა , დაამატეთ კლასი=” ფორმა - ჰორიზონტალური ”-ში < ფორმა > ელემენტი. თუ იყენებთ ელემენტს, მაშინ უნდა გამოიყენოთ class=”control-label”. ასევე, გახსოვდეთ, რომ შეგიძლიათ გამოიყენოთ Bootstrap-ის წინასწარ განსაზღვრული ბადის კლასები ეტიკეტებისა და ჯგუფების გასასწორებლად ფორმა აკონტროლებს ა ჰორიზონტალური განლაგება.

ასევე მკითხეს, როგორ შევქმნა ჰორიზონტალური ფორმა bootstrap-ში?

Bootstrap-ში ჰორიზონტალური ფორმის შესაქმნელად, მიჰყევით ქვემოთ მოცემულ ნაბიჯებს:

1. დაამატეთ კლასი. ფორმა-ჰორიზონტალური საწყისი ელემენტის მიმართ.
2. შეფუთეთ ეტიკეტები და კონტროლი კლასში. ფორმა-ჯგუფი.
3. დაამატეთ კლასი. კონტროლი-ეტიკეტები ეტიკეტებზე.

ასევე იცით, როგორ გავაჩერო ფორმა bootstrap 4-ში? ჩვენი დივის გასასწორებლად ჩვენ მივყვებით 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. ინლაინ ფორმა.

რას აკეთებს ფორმა ინლაინ?

ინლაინ ფორმები გამოიყენეთ. ფორმა - ხაზში კლასი ეტიკეტების სერიის ჩვენებისთვის, ფორმა კონტროლი და ღილაკები ერთ ჰორიზონტალურ მწკრივზე. ფორმა აკონტროლებს შიგნით ინლაინ ფორმები ოდნავ განსხვავდება მათი ნაგულისხმევი მდგომარეობიდან.