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