Зохион байгуулалтад зориулсан хэрэгслүүд
Гар утсанд илүү хурдан ээлтэй, хариу үйлдэл үзүүлэхийн тулд Bootstrap нь агуулгыг харуулах, нуух, зэрэгцүүлэх, хоорондын зайг байрлуулах олон арван хэрэглээний ангиудтай.
Өөрчлөгдөж байнаdisplay
Үл хөдлөх хөрөнгийн нийтлэг утгыг хурдан солихын тулд манай дэлгэцийн хэрэгслийгdisplay
ашиглана уу . Үүнийг манай сүлжээний систем, контент эсвэл бүрэлдэхүүн хэсгүүдтэй хольж, тэдгээрийг тодорхой харах хэсэгт харуулах эсвэл нуух болно.
Flexbox сонголтууд
Bootstrap нь flexbox-оор бүтээгдсэн боловч элемент display
болгон өөрчлөгдөөгүй display: flex
учир энэ нь олон шаардлагагүй хүчин чармайлтуудыг нэмж, хөтчийн үндсэн үйл ажиллагааг гэнэт өөрчлөх болно. Манай ихэнх бүрэлдэхүүн хэсгүүдийг flexbox идэвхжүүлсэнээр бүтээдэг.
display: flex
Хэрэв та элементэд нэмэх шаардлагатай .d-flex
бол хариу үйлдэл үзүүлэх хувилбаруудын аль нэгээр нь (жишээ нь, .d-sm-flex
) хийнэ үү. Хэмжээ тогтоох, зэрэгцүүлэх, хоорондын зай болон бусад зүйлд зориулж манай нэмэлт флексбокс хэрэгслийгdisplay
ашиглахыг зөвшөөрөхийн тулд танд энэ ангилал эсвэл үнэ цэнэ хэрэгтэй болно.
Маржин ба дүүргэлт
Элементүүд болон бүрэлдэхүүн хэсгүүдийн хоорондын зай, хэмжээ хэрхэн байгааг хянахын тулд margin
болон padding
зайны хэрэгслийг ашиглана уу. 1rem
Bootstrap нь утгын өгөгдмөл $spacer
хувьсагч дээр суурилсан зайны хэрэгслүүдийн зургаан түвшний хуваарийг агуулдаг . Бүх харагдацын утгыг сонгох (жишээ нь, LTR - .me-3
д зориулсан ) эсвэл тодорхой харагдац руу чиглэсэн хариу үйлдэл үзүүлэх хувилбаруудыг сонгоно уу (жишээ нь, таслах цэгээс эхлэн -LTR-ийн хувьд ) .margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Сэлгэхvisibility
Сэлгэх display
шаардлагагүй үед та манай харагдацын хэрэглүүрийгvisibility
ашиглан элементийг сэлгэх боломжтой . Үл үзэгдэх элементүүд нь хуудасны зохион байгуулалтад нөлөөлсөн хэвээр байх боловч зочдод харагдахуйц байдлаар далдлагдсан байдаг.