Awọn ohun elo fun iṣeto
Fun ore-ọrẹ alagbeka yiyara ati idagbasoke idahun, Bootstrap pẹlu awọn dosinni ti awọn kilasi iwulo fun iṣafihan, fifipamo, titopọ, ati akoonu aye.
Lo awọn ohun elo ifihan wa fun yiyi awọn iye to wọpọ ti ohun- display
ini naa ni idahun. Illapọ pẹlu eto akoj wa, akoonu, tabi awọn paati lati ṣafihan tabi tọju wọn kọja awọn ibudo wiwo kan pato.
Bootstrap 4 jẹ itumọ pẹlu flexbox, ṣugbọn kii ṣe gbogbo awọn eroja display
ti yipada si display: flex
nitori eyi yoo ṣafikun ọpọlọpọ awọn imukuro ti ko wulo ati yi awọn ihuwasi aṣawakiri bọtini lairotẹlẹ pada. Pupọ julọ awọn paati wa ni a ṣe pẹlu ṣiṣẹ flexbox.
Ti o ba nilo lati ṣafikun display: flex
si ipin kan, ṣe bẹ pẹlu .d-flex
tabi ọkan ninu awọn iyatọ idahun (fun apẹẹrẹ, .d-sm-flex
). Iwọ yoo nilo kilasi yii tabi display
iye lati gba lilo awọn ohun elo flexbox afikun wa fun titobi, titete, aye, ati diẹ sii.
Lo margin
ati padding
awọn ohun elo aye aye lati ṣakoso bii awọn eroja ati awọn paati ti wa ni aye ati iwọn. Bootstrap 4 pẹlu iwọn-ipele marun-un fun awọn ohun elo aye, da lori iyipada 1rem
aiyipada iye $spacer
kan. Yan awọn iye fun gbogbo awọn ibudo wiwo (fun apẹẹrẹ, .mr-3
fun margin-right: 1rem
), tabi yan awọn iyatọ idahun lati fojusi awọn ibudo wiwo kan pato (fun apẹẹrẹ, .mr-md-3
fun margin-right: 1rem
ibẹrẹ ni aaye md
fifọ).
Nigbati display
a ko ba nilo yiyi, o le yi visibility
ohun elo pada pẹlu awọn ohun elo hihan wa . Awọn eroja alaihan yoo tun ni ipa lori ifilelẹ oju-iwe naa, ṣugbọn oju ti o farapamọ fun awọn alejo.