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