Անցեք հիմնական բովանդակությանը Բաց թողնել փաստաթղթերի նավարկություն
in English

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

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

Փոփոխվողdisplay

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

Flexbox ընտրանքներ

Bootstrap-ը կառուցված է flexbox-ով, բայց ոչ բոլոր տարրերն displayեն փոխվել, display: flexքանի որ դա կավելացներ շատ ավելորդ վերափոխումներ և անսպասելիորեն կփոխի բրաուզերի հիմնական վարքագիծը: Մեր բաղադրիչների մեծ մասը կառուցված է միացված flexbox-ով:

Եթե ​​պետք display: flexէ որևէ տարր ավելացնել, դա արեք .d-flexարձագանքող տարբերակներից մեկով (օրինակ՝ .d-sm-flex): Ձեզ անհրաժեշտ կլինի այս դասը կամ displayարժեքը, որպեսզի թույլատրեք օգտագործել մեր լրացուցիչ flexbox կոմունալ ծառայությունները չափերի, հավասարեցման, տարածության և այլնի համար:

Լուսանցք և լիցք

Օգտագործեք marginև padding Spacing կոմունալ ծառայությունները ՝ վերահսկելու, թե ինչպես են տարրերն ու բաղադրիչները միմյանցից բաժանվում և չափվում: Bootstrap-ը ներառում է վեց մակարդակի սանդղակ՝ կոմունալ ծառայությունների բաժանման համար՝ հիմնված 1remարժեքի լռելյայն $spacerփոփոխականի վրա: Ընտրեք արժեքներ բոլոր դիտակետերի համար (օրինակ՝ LTR-ի .me-3համար margin-right: 1rem), կամ ընտրեք արձագանքող տարբերակներ՝ հատուկ դիտակետեր թիրախավորելու համար (օրինակ՝ «LTR»-ի .me-md-3համար ՝ սկսած ընդմիջման կետից ):margin-right: 1remmd

Փոխարկելvisibility

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