კომუნალური პროგრამები განლაგებისთვის

იცვლებაdisplay

გამოიყენეთ ჩვენი საჩვენებელი საშუალებებიdisplay ქონების საერთო მნიშვნელობების პასუხისმგებლობით გადართვისთვის . შეურიეთ იგი ჩვენს ბადის სისტემას, კონტენტს ან კომპონენტებს, რათა აჩვენოთ ან დამალოთ ისინი კონკრეტულ ხედებში.

Flexbox პარამეტრები

Bootstrap აგებულია flexbox-ით, მაგრამ ყველა ელემენტი displayარ არის შეცვლილი, display: flexრადგან ეს დაამატებს ბევრ არასაჭირო გადაფარვას და მოულოდნელად შეცვლის ბრაუზერის საკვანძო ქცევას. ჩვენი კომპონენტების უმეტესობა აგებულია flexbox ჩართულით.

თუ თქვენ გჭირდებათ display: flexელემენტის დამატება, გააკეთეთ .d-flexეს საპასუხო ვარიანტით ან ერთ-ერთი (მაგ., .d-sm-flex). თქვენ დაგჭირდებათ ეს კლასი ან displayმნიშვნელობა, რათა დაუშვათ ჩვენი დამატებითი flexbox უტილიტების გამოყენება ზომის, გასწორების, დაშორების და სხვათათვის.

ზღვარი და ბალიშები

გამოიყენეთ marginდა padding დაშორების უტილიტები , რათა აკონტროლოთ ელემენტების და კომპონენტების დაშორება და ზომა. Bootstrap მოიცავს ექვს დონის სკალას ინტერვალის კომუნალური პროგრამებისთვის, 1remმნიშვნელობის ნაგულისხმევი $spacerცვლადის საფუძველზე. აირჩიეთ მნიშვნელობები ყველა ხედვის პორტისთვის (მაგ., LTR- .me-3სთვის margin-right: 1rem), ან შეარჩიეთ პასუხისმგებელი ვარიანტები კონკრეტული ხედის პორტებისთვის (მაგ., —LTR-სთვის — დაწყებული .me-md-3წყვეტის წერტილიდან ).margin-right: 1remmd

გადართვაvisibility

როდესაც displayგადართვა არ არის საჭირო, შეგიძლიათ visibilityელემენტის გადართვა ჩვენი ხილვადობის საშუალებებით . უხილავი ელემენტები კვლავ იმოქმედებს გვერდის განლაგებაზე, მაგრამ ვიზუალურად იმალება ვიზიტორებისგან.