Source

Зохион байгуулалтад зориулсан хэрэгслүүд

Гар утсанд илүү хурдан ээлтэй, хариу үйлдэл үзүүлэхийн тулд Bootstrap нь агуулгыг харуулах, нуух, зэрэгцүүлэх, хоорондын зайг байрлуулах олон арван хэрэглээний ангиудтай.

Өөрчлөгдөж байнаdisplay

Үл хөдлөх хөрөнгийн нийтлэг утгыг хурдан солихын тулд манай дэлгэцийн хэрэгслийгdisplay ашиглана уу . Үүнийг манай сүлжээний систем, контент эсвэл бүрэлдэхүүн хэсгүүдтэй хольж, тэдгээрийг тодорхой харах хэсэгт харуулах эсвэл нуух боломжтой.

Flexbox сонголтууд

Bootstrap 4 нь flexbox-оор бүтээгдсэн боловч элемент displayболгон өөрчлөгдөөгүй display: flexучир энэ нь олон шаардлагагүй хүчин чармайлтуудыг нэмж, хөтчийн үндсэн үйл ажиллагааг гэнэт өөрчлөх болно. Манай ихэнх бүрэлдэхүүн хэсгүүдийг flexbox идэвхжүүлсэнээр бүтээдэг.

display: flexХэрэв та элементэд нэмэх шаардлагатай .d-flexбол хариу үйлдэл үзүүлэх хувилбаруудын аль нэгээр нь (жишээ нь, .d-sm-flex) хийнэ үү. Хэмжээ тогтоох, зэрэгцүүлэх, хоорондын зай болон бусад зүйлд зориулж манай нэмэлт флексбокс хэрэгслийгdisplay ашиглахыг зөвшөөрөхийн тулд танд энэ ангилал эсвэл үнэ цэнэ хэрэгтэй болно.

Маржин ба дүүргэлт

Элементүүд болон бүрэлдэхүүн хэсгүүдийн хоорондын зай, хэмжээ хэрхэн байгааг хянахын тулд marginболон padding зайны хэрэгслийг ашиглана уу. 1remBootstrap 4 нь утгын өгөгдмөл $spacerхувьсагч дээр суурилсан зайны хэрэгслүүдийн таван түвшний хуваарийг агуулдаг . Бүх харагдацын утгуудыг сонгох (жишээ нь: -ийн .mr-3хувьд margin-right: 1rem) эсвэл тодорхой харагдац руу чиглэсэн хариу үйлдэл үзүүлэх хувилбаруудыг сонгоно уу (жишээ нь, .mr-md-3таслах margin-right: 1remцэгээс эхлэх md).

Сэлгэхvisibility

Сэлгэх displayшаардлагагүй үед та манай харагдацын хэрэглүүрийгvisibility ашиглан элементийг сэлгэх боломжтой . Үл үзэгдэх элементүүд нь хуудасны зохион байгуулалтад нөлөөлсөн хэвээр байх боловч зочдод харагдахуйц байдлаар далдлагдсан байдаг.