Mundarija:

Bootstrap 4 da gorizontal shaklni qanday yarataman?
Bootstrap 4 da gorizontal shaklni qanday yarataman?

Video: Bootstrap 4 da gorizontal shaklni qanday yarataman?

Video: Bootstrap 4 da gorizontal shaklni qanday yarataman?
Video: Урок 2. Bootstrap 4. Быстрый старт. Компонент Navbar 2024, Aprel
Anonim

Qilish uchun a gorizontal shakl , sinf qo'shing =" shakl - gorizontal ” ichida < shakl > element. Agar siz elementdan foydalansangiz, dan foydalanishingiz kerak. Bundan tashqari, foydalanishingiz mumkinligini unutmang Bootstrap teglar va guruhlarni tekislash uchun oldindan belgilangan panjara sinflari shakl a da nazorat qiladi gorizontal tartib.

Bundan tashqari, bootstrap-da gorizontal shaklni qanday yaratishim so'raladi?

Bootstrap-da gorizontal shakl yaratish uchun quyidagi amallarni bajaring:

  1. sinfini qo'shing. asosiy element uchun shakl-gorizontal.
  2. Yorliqlar va boshqaruv elementlarini a bilan sinfiga o'rash. shakl-guruh.
  3. sinfini qo'shing. yorliqlarga nazorat yorlig'i.

Shuningdek, bilingki, qanday qilib shaklni bootstrap 4 da markazlashtiraman? Div-ni tekislash uchun biz 3 ta oson qadamni bajaramiz:

  1. Birinchidan, biz "div-wrapper" ga "d-flex" sinfini qo'shamiz.
  2. Keyinchalik, gorizontal ravishda tekislash uchun "justify-content-center" sinfini "div-wrapper" ga qo'shamiz, markazda, uning pastki div ("div-to-align" sinfi bilan), biz tekislamoqchi bo'lgan sinf.

Bootstrap formasini qanday yarataman?

Uchalasi uchun standart qoidalar shakl maketlar: Yorliqlarni o'rash va shakl <div class="dagi boshqaruv elementlari shakl -group"> (optimal oraliq uchun kerak) Sinf qo'shing. shakl -barcha matnli,, va elementlarni boshqarish.

Bootstrap formasi maketlari

  1. Vertikal shakl (bu standart)
  2. Gorizontal shakl.
  3. Inline shakl.

Inline formasi nima qiladi?

Inline shakllar dan foydalaning. shakl - mos ravishda bir qator teglarni ko'rsatish uchun sinf, shakl boshqaruv elementlari va bitta gorizontal qatordagi tugmalar. Shakl ichida nazorat qiladi inline shakllar standart holatidan biroz farq qiladi.

Tavsiya: