კომუნალური საშუალებები განლაგებისთვის
უფრო სწრაფი მობილურისთვის მოსახერხებელი და პასუხისმგებელი განვითარებისთვის, Bootstrap მოიცავს ათობით სასარგებლო კლასს შინაარსის ჩვენებისთვის, დამალვის, გასწორებისა და დაშორების მიზნით.
იცვლება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: 1rem
md
გადართვაvisibility
როდესაც display
გადართვა არ არის საჭირო, შეგიძლიათ visibility
ელემენტის გადართვა ჩვენი ხილვადობის საშუალებებით . უხილავი ელემენტები კვლავ იმოქმედებს გვერდის განლაგებაზე, მაგრამ ვიზუალურად იმალება ვიზიტორებისგან.