Bootstrap Cheat Sheet

Bootstrap Cheat Sheet


Als je van plan bent om wat codeervaardigheden op te doen, is Bootstrap 4 een solide keuze!

Waarom?

Omdat het de gouden standaard is voor front-end ontwikkeling:

  • Bootstrap heeft ingebouwde klassen, wat betekent dat u de meeste elementen niet helemaal opnieuw hoeft te coderen
  • Het is open-source en heeft veel community-ondersteuning
  • Bovendien is het super veelzijdig en kan het in een mum van tijd worden gebruikt om elk type website te maken.

Als je klaar bent om te rollen, download dan onze gratis bootstrap cheat sheet in PDF.

Contents

PDF-versie van Bootstrap Cheat Sheet

�� Bootstrap Cheat Sheet (PDF downloaden)

Infographic-versie van Bootstrap Cheat Sheet (PNG)

�� Bootstrap Cheat Sheet (Download PNG)

Bootstrap Cheat Sheet

Bootstrap Cheat Sheet

Wat is Bootstrap?

Bootstrap 4 is een populair raamwerk voor front-end website-ontwikkeling.

In de eerste plaats is het een CSS mobile-first design en bevat het zowel CSS- als JavaScript-sjablonen voor zaken als formulieren, knoppen, navigatie, typografie, dropdowns, popovers, modals en carrousels, samen met andere interface-elementen. Maar oordeel niet verkeerd: Bootstrap biedt ook veel ruimte voor maatwerk en u kunt het gebruiken om elk type website te coderen.

U kunt de volledige documentatie op de bekijken officiële website van Bootstrap.

Belangrijkste Bootstrap-componenten

Bootstrap.css

Dit is het basis Bootstrap-pakket dat je nodig hebt downloaden. CSS is een stijlbladtaal voor statische informatie.

Bootstrap.js

Een JavaScript / jQuery-bibliotheek is wat bepaalde componenten van Bootstrap van stroom voorziet, zoals animatie, scrollen en interactiviteit.

  

Glyphicons

Glyphs zijn elementaire symbolen met typografie, zoals het Engelse pond-symbool (£). Bootstrap heeft een enorme lijst met ingesloten glyph-pictogrammen die gratis beschikbaar zijn.

Bootstrap broncode-elementen

De download van de Bootstrap-broncode omvat de vooraf gecompileerde CSS-, JavaScript- en lettertype-items, samen met bron Less, JavaScript en documentatie.

  • minder/ – een preprocessor-stylesheet voor CSS die repetitieve coderingstaken elimineert
  • sass / – een nieuwere versie van de preprocessor die populairder is
  • js / – verwijst eenvoudig naar de broncode JavaScript, waarmee Bootstrap-componenten kunnen werken
  • lettertypen / – dit zijn pictogramlettertypen die bij de download worden geleverd
  • dist / – een map die voorgecompileerde bestanden bevat voor gebruik bij websiteontwikkeling

Notitie: Bootstrap vereist ook een jQuery-installatie voor de JavaScript-plug-ins van Bootstrap. jQuery is een feature-rijk onderdeel van de JavaScript-bibliotheek, en het verkleint veel JavaScript-code en verpakt ze in acties die u kunt uitvoeren met een enkele regel.

Plug-ins installeren:

Bootstrap-schermformaten

Bootstrap Key Components (uitvouwen)

Bootstrap Styling Essentials

Bootstrap Styling Essentials (uitvouwen)

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map