გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
in English

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

უფრო სწრაფი მობილურისთვის მოსახერხებელი და პასუხისმგებელი განვითარებისთვის, 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: 1remmd

გადართვაvisibility

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