Би картыг bootstrap-д хэрхэн голлуулах вэ?

2024 Зохиолч: Lynn Donovan | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-15 23:50

Нэмэлт CSS шаардлагагүй бөгөөд Bootstrap 4 дээр төвлөрсөн олон аргууд байдаг:

1. текст- төв төлөө төв дэлгэц:доторх элементүүд.
2. mx-auto for төвлөрөх дэлгэц: дэлгэц доторх блок элементүүд дэлгэц: уян хатан (d-flex)
3. offset-* эсвэл mx-auto-г ашиглаж болно төв сүлжээ баганууд.
4. эсвэл зөвтгөх- төв хүртэл эгнээнд төв сүлжээ баганууд.

Үүнтэй холбогдуулан картыг CSS-д хэрхэн төвлөрүүлэх вэ?

CSS 3-р түвшинд босоо төвлөрсөн

1. Савыг харьцангуй байрлалтай болго, энэ нь түүнийг туйлын байрлалтай элементүүдийн сав гэж тунхагладаг.
2. Элементийг өөрөө бүрэн байрлалтай болго.
3. Үүнийг "дээд: 50%" гэсэн тэмдэглэгээтэй савны хагасыг доошлуулна.
4. Орчуулга ашиглан элементийг өөрийн өндрийн хагасаар дээшлүүлнэ.

Мөн bootstrap 4 дээр текстийг хэрхэн голлуулах вэ? Текст Alignment The текст ашиглан зөвтгөж болно. текст -ангилал болон зүүн, баруун, болон төв зэрэгцүүлэх текст , ашиглах текст - зүүн, текст - баруун ба текст - төв ангиуд тус тус.

Хүмүүс бас bootstrap дээрх товчлуурыг хэрхэн голлуулах вэ?

-ийн тусламжтайгаар ачаалах оосор Та хэвтээ байдлаар ашиглаж болох 4 хэрэгсэл төв Элемент өөрөө хэвтээ зайг "авто" болгож тохируулна. Хэвтээ зайг автоматаар тохируулахын тулд та mx-auto-г ашиглаж болно. m нь захын зайг, x нь x тэнхлэгийг (зүүн+баруун), auto нь тохиргоог илэрхийлнэ.

Bootstrap дээрх картын өндрийг хэрхэн өөрчлөх вэ?

Ер нь, өндөр -ийн карт -ийн агуулгад босоо байдлаар тохируулан тохируулна карт , гэхдээ бид үүнийг захиалгат CSS ашиглан хянах боломжтой (жишээ нь, өндөр : 10rem;") эсвэл Bootstrap Хэмжээ тогтоох хэрэгслүүд (жишээ нь, <div class=" карт h-200">).