კომუნალური საშუალებები განლაგებისთვის
უფრო სწრაფი მობილურისთვის მოსახერხებელი და პასუხისმგებელი განვითარებისთვის, Bootstrap მოიცავს ათობით სასარგებლო კლასს შინაარსის ჩვენებისთვის, დამალვის, გასწორებისა და დაშორების მიზნით.
გამოიყენეთ ჩვენი საჩვენებელი საშუალებებიdisplay ქონების საერთო მნიშვნელობების პასუხისმგებლობით გადართვისთვის . შეურიეთ იგი ჩვენს ბადის სისტემას, კონტენტს ან კომპონენტებს, რათა აჩვენოთ ან დამალოთ ისინი კონკრეტულ ხედებში.
Bootstrap 4 აგებულია flexbox-ით, მაგრამ ყველა ელემენტი displayარ არის შეცვლილი, display: flexრადგან ეს დაამატებს ბევრ არასაჭირო გადაფარვას და მოულოდნელად შეცვლის ბრაუზერის საკვანძო ქცევას. ჩვენი კომპონენტების უმეტესობა აგებულია flexbox ჩართულით.
თუ თქვენ გჭირდებათ display: flexელემენტის დამატება, გააკეთეთ .d-flexეს საპასუხო ვარიანტით ან ერთ-ერთი (მაგ., .d-sm-flex). თქვენ დაგჭირდებათ ეს კლასი ან displayმნიშვნელობა, რათა დაუშვათ ჩვენი დამატებითი flexbox უტილიტების გამოყენება ზომის, გასწორების, დაშორების და სხვათათვის.
გამოიყენეთ marginდა padding დაშორების უტილიტები , რათა აკონტროლოთ ელემენტების და კომპონენტების დაშორება და ზომა. Bootstrap 4 მოიცავს ხუთდონიან მასშტაბს ინტერვალის კომუნალური პროგრამებისთვის, 1remმნიშვნელობის ნაგულისხმევი $spacerცვლადის საფუძველზე. აირჩიეთ მნიშვნელობები ყველა ხედვის პორტისთვის (მაგ., .mr-3for margin-right: 1rem), ან შეარჩიეთ პასუხისმგებელი ვარიანტები კონკრეტული ხედების მიზნებისთვის (მაგ., .mr-md-3წყვეტის წერტილიდან margin-right: 1remდასაწყებად md).
როდესაც displayგადართვა არ არის საჭირო, შეგიძლიათ visibilityელემენტის გადართვა ჩვენი ხილვადობის საშუალებებით . უხილავი ელემენტები კვლავ იმოქმედებს გვერდის განლაგებაზე, მაგრამ ვიზუალურად იმალება ვიზიტორებისგან.