Source

Կոմունալ ծառայություններ դասավորության համար

Շարժական սարքերի համար ավելի արագ և պատասխանատու զարգացման համար Bootstrap-ը ներառում է տասնյակ օգտակար դասեր՝ բովանդակությունը ցուցադրելու, թաքցնելու, հավասարեցնելու և տարածելու համար:

Փոփոխվողdisplay

Օգտագործեք մեր ցուցադրման կոմունալ ծառայությունները ՝ սեփականության ընդհանուր արժեքները արձագանքող կերպով փոխելու համար display: Խառնեք այն մեր ցանցային համակարգի, բովանդակության կամ բաղադրիչների հետ՝ դրանք ցուցադրելու կամ թաքցնելու հատուկ տեսադաշտերում:

Flexbox ընտրանքներ

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

Փոխարկելvisibility

Երբ փոխարկումն displayանհրաժեշտ չէ, դուք կարող եք միացնել visibilityտարրի փոփոխումը մեր տեսանելիության կոմունալ ծրագրերի միջոցով : Անտեսանելի տարրերը դեռևս կազդեն էջի դասավորության վրա, բայց տեսողականորեն թաքնված են այցելուներից: