Salgy üçin peýdaly enjamlar
Jübi telefony üçin has çalt we täsirli ösüş üçin “Bootstrap” mazmuny görkezmek, gizlemek, deňleşdirmek we aralyk üçin onlarça peýdaly sapaklary öz içine alýar.
Gozgalmaýan emlägiň umumy bahalaryny üýtgetmek üçin displeý hyzmatlarymyzy ulanyň . display
Olary belli bir görnüşlerde görkezmek ýa-da gizlemek üçin gözenek ulgamymyz, mazmunymyz ýa-da komponentlerimiz bilen garyşdyryň.
“Bootstrap 4” “flexbox” bilen gurlupdyr, ýöne her bir elementiň display
üýtgemänligi sebäpli display: flex
, köp gereksiz goşmaçalary goşar we garaşylmadyk ýagdaýda esasy brauzeriň özüni alyp barşyny üýtgeder. Komponentlerimiziň köpüsi flexbox açyk.
display: flex
Bir elemente goşmaly bolsaňyz , .d-flex
ýa-da jogap beriji wariantlardan biri bilen ýerine ýetiriň (meselem .d-sm-flex
). Ölçeg, deňleşdirmek, aralyk we başgalar üçin goşmaça flexbox kömekçi enjamlarymyzydisplay
ulanmaga rugsat bermek üçin size bu synp ýa-da baha gerek bolar.
Elementleriň we komponentleriň aralyk we ululygyna gözegçilik etmek üçin margin
aralyk padding
hyzmatlaryny ulanyň . 1rem
“Bootstrap 4”, deslapky $spacer
üýtgeýjä esaslanýan aralyk hyzmatlary üçin bäş derejeli şkalany öz içine alýar . Viewhli görnüş görnüşleri üçin bahalary saýlaň (meselem, .mr-3
üçin margin-right: 1rem
), ýa-da belli görnüş görnüşlerini nyşana almak üçin täsirli wariantlary saýlaň (mysal üçin, kesiş nokadyndan başlamak .mr-md-3
üçin ).margin-right: 1rem
md
Haçan display
-da üýtgetmek zerur däl bolsa, görnükli enjamlarymyzvisibility
bilen bir elementiň elementini üýtgedip bilersiňiz . Görünmeýän elementler sahypanyň ýerleşişine täsir eder, ýöne girýänlerden wizual görnüşde gizlener.