Կոմունալ ծառայություններ դասավորության համար
Շարժական սարքերի համար ավելի արագ և պատասխանատու զարգացման համար 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: 1rem
md
Երբ փոխարկումն display
անհրաժեշտ չէ, դուք կարող եք միացնել visibility
տարրի փոփոխումը մեր տեսանելիության կոմունալ ծրագրերի միջոցով : Անտեսանելի տարրերը դեռևս կազդեն էջի դասավորության վրա, բայց տեսողականորեն թաքնված են այցելուներից: