Nā mea pono no ka hoʻolālā

No ka hoʻomohala wikiwiki ʻana i ka mobile-friendly a me ka pane ʻana, loaʻa ʻo Bootstrap i nā haneli o nā papa pono no ka hōʻike ʻana, hūnā, hoʻoponopono ʻana, a me ka hoʻokaʻawale ʻana i nā ʻike.

Ke hoʻololi neidisplay

E hoʻohana i kā mākou mau pono hōʻike no ka hoʻololi ʻana i nā waiwai maʻamau o ka displaywaiwai. Hoʻohui ia me kā mākou ʻōnaehana mānoanoa, ʻike, a i ʻole nā ​​ʻāpana e hōʻike a huna paha iā lākou ma nā wahi ʻike kikoʻī.

Nā koho Flexbox

Hoʻokumu ʻia ʻo Bootstrap 4 me ka flexbox, akā ʻaʻole i displayhoʻololi ʻia kēlā display: flexme kēia mea e like me ka mea e hoʻohui ai i nā mea pono ʻole a hoʻololi i nā ʻano polokalamu kele pūnaewele. Hoʻokumu ʻia ka hapa nui o kā mākou ʻāpana me ka flexbox i hoʻohana ʻia.

Inā pono ʻoe e hoʻohui display: flexi kahi mea, e hana pēlā me a i .d-flexʻole kekahi o nā ʻano pane pane (eg, .d-sm-flex). Pono ʻoe i kēia papa a displaywaiwai paha no ka ʻae ʻana i ka hoʻohana ʻana i kā mākou mau mea pono flexbox hou no ka nui, hoʻopololei, spacing, a me nā mea hou aku.

ʻO ka palena a me ka pale

E hoʻohana i nā pono hana margina me ka padding spacing e hoʻomalu i ke ʻano o nā mea a me nā ʻāpana e hoʻokaʻawale a me ka nui. Loaʻa i ka Bootstrap 4 kahi pālākiō pae ʻelima no nā pono spacing, e pili ana i kahi 1remʻano hoʻololi paʻamau $spacer. E koho i nā waiwai no nā puka nānā a pau (e laʻa, .mr-3no margin-right: 1rem), a i ʻole e koho i nā ʻano like ʻole e hoʻopaʻa i nā puka nānā kikoʻī (e laʻa, .mr-md-3no ka margin-right: 1remhoʻomaka ʻana ma mdkahi haʻihaʻi).

Hoʻololivisibility

Inā displayʻaʻole pono ka hoʻololi ʻana, hiki iā ʻoe ke hoʻololi i ke visibilityʻano o kahi mea me kā mākou mau pono ʻike . E pili ana nā mea ʻike ʻole i ka hoʻolālā o ka ʻaoʻao, akā hūnā ʻia mai nā malihini.