Source

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.

Üýtgetmekdisplay

Gozgalmaýan emlägiň umumy bahalaryny üýtgetmek üçin displeý hyzmatlarymyzy ulanyň . displayOlary belli bir görnüşlerde görkezmek ýa-da gizlemek üçin gözenek ulgamymyz, mazmunymyz ýa-da komponentlerimiz bilen garyşdyryň.

Flexbox opsiýalary

“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: flexBir 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.

Margin we padding

Elementleriň we komponentleriň aralyk we ululygyna gözegçilik etmek üçin marginaralyk 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: 1remmd

Togglevisibility

Geçirmek displayzerurlygy ý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.