Source

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.

Iyipadadisplay

Lo awọn ohun elo ifihan wa fun yiyi awọn iye to wọpọ ti ohun- displayini 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.

Awọn aṣayan Flexbox

Bootstrap 4 ni a ṣe pẹlu flexbox, ṣugbọn kii ṣe gbogbo awọn eroja displayti yipada si display: flexnitori 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: flexsi ipin kan, ṣe bẹ pẹlu .d-flextabi ọkan ninu awọn iyatọ idahun (fun apẹẹrẹ, .d-sm-flex). Iwọ yoo nilo kilasi yii tabi displayiye lati gba lilo awọn ohun elo flexbox afikun wa fun titobi, titete, aye, ati diẹ sii.

Ala ati òwú

Lo marginati 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 1remaiyipada iye $spacerkan. Yan awọn iye fun gbogbo awọn ibudo wiwo (fun apẹẹrẹ, .mr-3fun margin-right: 1rem), tabi yan awọn iyatọ idahun lati fojusi awọn ibudo wiwo kan pato (fun apẹẹrẹ, .mr-md-3fun margin-right: 1remibẹrẹ ni aaye mdfifọ).

Yipadavisibility

Nigbati displaya ko ba nilo yiyi, o le yi visibilityohun 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.