Creació de vainilla de quadrícula sensible mitjançant HTML, CSS i Bootstrap

Bloc

Creació de vainilla de quadrícula sensible mitjançant HTML, CSS i Bootstrap

Molts llocs web moderns utilitzen un sistema de quadrícula per mostrar trossos de dades a la seva pàgina principal, així com a altres pàgines. En gran mesura, la quadrícula s'assembla a una taula, però, és molt més atractiva visualment i, amb més freqüència, mostra elements germans. Una quadrícula ha de respondre, és a dir, s’ha d’adaptar a la mida de pantalla de l’usuari.



Bootstrap és un codi obert molt popular HTML , CSS , i JavaScript biblioteca que ajuda a dissenyar el frontal d’un lloc web. En general, el codi d’arrencada és molt compacte i robust, però hi ha algunes raons per les quals tots els desenvolupadors haurien de dominar HTML i CSS de vainilla (personalitzables):

on comprar la moneda xinfin
  • Mai s’utilitzen una gran quantitat d’utilitats i components i, per tant, suposen una càrrega per a la pàgina web.
  • El codi d’arrencada és difícil de personalitzar.
  • Bootstrap alenteix una mica la descàrrega de llocs web perquè primer carrega jQuery, després bootstraps CSS i després bootstrap JS.

Els dos enfocaments possibles per crear una quadrícula:



1. Quadrícula sense Bootstrap (Vanilla HTML CSS)

** Codi HTML: ** Comencem definint tres div cadascun amb classe customRow . A continuació, creeu una etiqueta img dins de cadascun dels fitxers customRow div.



reacciona el tutorial natiu de iOS

#bootstrap #css #html #web technologies # bootstrap-misc # css-basics # html-basics

www.geeksforgeeks.org

Creació de vainilla de quadrícula sensible mitjançant HTML, CSS i Bootstrap

Un portal d’informàtica per a frikis. Conté articles d’informàtica i programació, escrits, ben pensats i ben explicats, qüestionaris i pràctiques / competitius