Կոմունալ ծառայություններ դասավորության համար
Շարժական սարքերի համար ավելի արագ և պատասխանատու զարգացման համար Bootstrap-ը ներառում է տասնյակ օգտակար դասեր՝ բովանդակությունը ցուցադրելու, թաքցնելու, հավասարեցնելու և տարածելու համար:
Օգտագործեք մեր ցուցադրման կոմունալ ծառայությունները ՝ սեփականության ընդհանուր արժեքները արձագանքող կերպով փոխելու համար display: Խառնեք այն մեր ցանցային համակարգի, բովանդակության կամ բաղադրիչների հետ՝ դրանք ցուցադրելու կամ թաքցնելու հատուկ տեսադաշտերում:
Bootstrap 4-ը կառուցված է flexbox-ով, բայց ոչ բոլոր տարրն displayէ փոխվել, display: flexքանի որ դա կավելացնի շատ ավելորդ շրջադարձեր և անսպասելիորեն փոխել բրաուզերի հիմնական վարքագիծը: Մեր բաղադրիչների մեծ մասը կառուցված է միացված flexbox-ով:
Եթե պետք display: flexէ որևէ տարր ավելացնել, դա արեք .d-flexարձագանքող տարբերակներից մեկով (օրինակ՝ .d-sm-flex): Ձեզ անհրաժեշտ կլինի այս դասը կամ displayարժեքը, որպեսզի թույլատրեք օգտագործել մեր լրացուցիչ flexbox կոմունալ ծառայությունները չափերի, հավասարեցման, տարածության և այլնի համար:
Օգտագործեք marginև padding Spacing կոմունալ ծառայությունները ՝ վերահսկելու, թե ինչպես են տարրերն ու բաղադրիչները միմյանցից բաժանվում և չափվում: Bootstrap 4-ը ներառում է հինգ մակարդակի սանդղակ միջակայքի կոմունալ ծառայությունների համար՝ հիմնված 1remարժեքի լռելյայն $spacerփոփոխականի վրա: Ընտրեք արժեքներ բոլոր դիտակետերի համար (օրինակ՝ .mr-3համար margin-right: 1rem), կամ ընտրեք արձագանքող տարբերակներ՝ հատուկ դիտակետեր թիրախավորելու համար (օրինակ՝ դադարի կետից սկսելու համար .mr-md-3) :margin-right: 1remmd
Երբ փոխարկումն displayանհրաժեշտ չէ, դուք կարող եք միացնել visibilityտարրի փոփոխումը մեր տեսանելիության կոմունալ ծրագրերի միջոցով : Անտեսանելի տարրերը դեռևս կազդեն էջի դասավորության վրա, բայց տեսողականորեն թաքնված են այցելուներից: