Kaip naudoti diržus

dirželiai yra labai naudingas įrankis žiniatinklio kūrėjams, norintiems kurti reaguojančias svetaines su šiuolaikišku dizainu. Šiame tinklaraštyje mes išnagrinėsime pagrindinius diržų elementus ir kaip juos naudoti savo projektuose.

1. Kas yra dirželiai?

dirželiai yra CSS sistema, kurią sukūrė „Twitter“ komanda. Jis siūlo daugybę iš anksto nustatytų stilių ir komponentų, kuriuos galima lengvai naudoti jūsų projektuose. Naudodami diržus, galite sukurti reaguojančius išdėstymus, meniu, mygtukus, formas ir dar daugiau, greitai ir lengviau.

2. Kaip pradėti naudoti diržus

Norėdami pradėti naudoti diržus, turite įtraukti į savo projektą „Framework CSS“ failą. Tai galite padaryti atsisiųsdami CSS failą tiesiai iš oficialios diržų svetainės arba naudodamiesi turinio pristatymo tinklu (CDN), tokiu kaip „bootstrapcdn.

“

Įtraukę CSS failą, HTML kode galite pradėti naudoti diržų klases ir komponentus. Pvz., Norėdami sukurti diržų stiliaus mygtuką, galite naudoti „BTN“ klasę.

Pavyzdys:

& lt; mygtukas class = “btn btn-prrimary” & gt; spustelėkite čia & lt;/gt;

Šiame pavyzdyje mygtukas turės pirminį diržų stilių, kurį apibūdina „BTN-Primaric“ klasė. Galite naudoti kitas klases mygtuko formavimui pagal savo poreikius.

3. Pagrindiniai diržų elementai

dirželiai siūlo daugybę įvairių elementų ir komponentų, kurie gali būti naudojami jūsų projektuose. Kai kurie pagrindiniai diržų elementai yra šie:

1. meniu: dirželiai siūlo iš anksto nustatytus stilius, kad būtų sukurtos reaguojantys navigacijos meniu su skirtingais variantais.
2. formos: su dirželiais, galite kurti formas su skirtingais stiliais ir patvirtinimo parinktimis.
3. lentelės: dirželiai palengvina reaguojančių ir stilizuotų lentelių kūrimą.
4. Vaizdai: dirželiai siūlo klases stiliaus ir padėties vaizdams jūsų svetainėje.
5. nuorodos: su dirželiais, galite lengvai ir greitai formuoti nuorodas.

4. Papildomi diržų ištekliai

Be pagrindinių elementų, dirželiai taip pat siūlo papildomų funkcijų, kurios gali būti naudingos jūsų projektuose. Kai kurios iš šių funkcijų apima:

• karuselė: dirželiai siūlo karuselės komponentą, leidžiantį interaktyviai parodyti vaizdų seriją ar turinį.
• vaizdo įrašas: su dirželiais, galite atsakingai įtraukti vaizdo įrašus į savo svetainėje.
• rodomas fragmentas: dirželiai leidžia pabrėžti rodomą kodą ar turinį jūsų svetainėje.
• apžvalgos: Su dirželiais galite pridėti vartotojo įvertinimus ir komentarus savo svetainėje.
• skelbimai: dirželiai siūlo iš anksto nustatytus stilius, kuriuos reikia rodyti jūsų svetainėje.

Tai tik keli papildomi šaltiniai, kuriuos siūlo dirželiai. Galite ištirti daugiau parinkčių ir komponentų oficialioje „Framework“ svetainėje.

Išvada

dirželiai yra galingas įrankis žiniatinklio kūrėjams, norintiems kurti reaguojančias svetaines su moderniu dizainu. Su papildomais elementais ir ištekliais dirželiai palengvina maketų, meniu, formų ir dar daugiau. Pabandykite naudoti diržus savo projektuose ir mėgaukitės visais jos siūlomais pranašumais!