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 display
waiwai. 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
Kūkulu ʻia ʻo Bootstrap me ka flexbox, akā ʻaʻole i display
hoʻololi ʻia kēlā me kēia mea e display: flex
like me kēia e hoʻohui i nā mea pono ʻole he nui 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: flex
i 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 display
waiwai 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 margin
a 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 kahi pālākiō pae ʻeono no nā pono hoʻokaʻawale, e pili ana i kahi loli 1rem
paʻamau waiwai $spacer
. E koho i nā waiwai no nā puka ʻike a pau (e laʻa, .me-3
no margin-right: 1rem
ka LTR), a i ʻole e koho i nā ʻano like ʻole e hoʻopaʻa i nā puka ʻike kikoʻī (e laʻa, .me-md-3
no ka margin-right: 1rem
—ma LTR—e hoʻomaka ana ma md
kahi haʻ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.