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 elementiň display
üýtgemänligi sebäpli display: flex
, köp gereksiz goşmaçalar 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, nokat nokadyndan başlamak .mr-md-3
üçin ).margin-right: 1rem
md
Geçirmek display
zerurlygy ýok wagty visibility
, bir elementiň görüniş hyzmatlary bilen üýtgedip bilersiňiz . Görünmeýän elementler sahypanyň ýerleşişine täsir eder, ýöne girýänlerden wizual görnüşde gizlener.