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

მობილურისთვის მოსახერხებელი და რეაგირებადი განვითარებისთვის, Bootstrap მოიცავს ათობით სასარგებლო კლასს შინაარსის ჩვენებისთვის, დამალვის, გასწორებისა და დაშორების მიზნით.

იცვლებაdisplay

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

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

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).

გადართვაvisibility

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