Bootstrap är ett gratis och utbrett använt verktygspaket för frontend-utveckling med öppen källkod, byggt för att designa och anpassa responsiva sidor med fokus på mobila enheter. Bootstrap sticker ut för sin inkludering av Sass-variabler och mixins, responsiva rutnätssystem, långa lista av förbyggda komponenter och kraftfulla JavaScript-insticksprogram.
Det är ett CSS-ramverk med öppen källkod som skrivits i HTML, CSS, Less (v3), Sass (v4) och JavaScript, speciellt framtaget för att ge webbutvecklare en förenklad lösning för att bygga webbplatser snabbare. De CSS- och JavaScript-baserade designmallarna ger en flera alternativ för typografi, formulär, knappar, navigering, modaler, bildkaruseller och andra delar av gränssnittet.
Eftersom Bootstrap är gratis kan man ladda ner programvaran och skapa ett obegränsat antal projekt med det. Se instruktionerna nedan för detaljer om hur man laddar ner Bootstrap gratis.
Hur man laddar ner och installerar Bootstrap på sin PC gratis
- Klicka på Ladda ner nu i sidofältet för att gå direkt till den officiella nedladdningssidan för Bootstrap.
- Klicka på knappen Download, enligt bilden nedan, för att ladda ner programvaran.
- Gå till din nedladdningsmapp och öppna zip-filen du precis laddat ner. Den innehåller kompilerade och förminskade CSS-paket och JavaScript-insticksprogram.
- Du behöver bara ”bootstrap.js” i mappen, som i bilden nedan. Öppna CSS-mappen, klicka på ”Visa” och välj sedan ”Filändelser”. Radera de andra filerna i mappen.
- I JavaScript-mappen behöver du bara mappen ”bootstrap.js”. Radera resten, gå tillbaka och flytta sedan mapparna ”css” och ”js” till en helt ny mapp. Du kan nu radera zip-filen.
- Du kan nu skapa ett vanligt .html-dokument med en lämplig ordbehandlare och sedan börja länka filerna bootstrap.css och bootstrap.js till ditt .html-dokument. Se till att filerna ligger i samma mapp som din webbplats HTML-filer.
Hur man avinstallerar Bootstrap från sin PC
För att ta bort Bootstrap från din PC eller Mac är det bara att lägga applikationens mapp i papperskorgen. Gå till papperskorgen och töm den, eller välj de specifika Bootstrap-filerna för att radera dem helt och hållet.
Om du vill ta en titt på liknande ramverk för frontend-utveckling kan du testa något av de gratis alternativen nedan.
Översikt av Bootstrap
Bootstrap är en mångsidig och användarvänlig lösning för att skapa responsiva webbdesigner. Det är ett gratis ramverk för frontend-utveckling med öppen källkod, för snabbare och enklare webbutveckling.
När man jobbar med Bootstrap får man tillgång till flera HTML- och CSS-baserade designmallar för typografi, formulär, knappar, tabeller, navigation, modaler, inbäddning av videor, bildkaruseller och vissa valfria JavaScript-insticksprogram.
Den senaste versionen har en ny off-canvas-meny och eliminerar beroendet på jQuery, i favör för standard-JavaScript. Man kan även lägga till en anpassad uppsättning SVG-ikoner och anpassade CSS-egenskaper, eller en förbättrad API, bland andra funktioner.
Funktioner i Bootstrap
- Responsivitet: Bootstraps responsiva CSS-funktioner justeras sig till telefoner, surfplattor och datorer.
- Många designmallar: Innehåller flera designmallar baserade på HTML, JS och CSS.
- Flexibilitet och enkelhet: För varje projekt har man flera val av färg, storlek, typsnitt och layout (den mest framstående komponenten i Bootstrap), för att anpassa utseendet hos ens webbinnehåll.
- JavaScript-komponenter: Till skillnad från vissa andra frontend-ramverk har Bootstrap flera JavaScript-komponenter, inklusive jQuery-insticksprogram.
- Mobilt först: Bootstraps designer är riktade mot stilar med fokus på mobila enheter.
- Kompatibilitet med webbläsare: Bootstrap 5 är kompatibel med alla moderna webbläsare, inklusive Chrome, Microsoft Edge, Mozilla Firefox, Safari och Opera.
- Lättanvändlighet: Med enbart grundläggande kunskaper om HTML och CSS kan man börja använda Bootstrap.
Gratis alternativ till Bootstrap
Foundation: Foundation är en grupp frontend-ramverk som låter en bygga responsiva webbplatser och appar med enkelhet, såväl som e-post för alla enheter. Foundation är mer omfattande och detaljerat än Bootstrap, och innehåller allt man behöver för att komma igång med sina appar. Vidare kan man anpassa Foundation för att matcha specifika krav och det stödjer även språk som läses från höger till vänster.
Bulma: Bulma är ett CSS-ramverk som tar efter Bootstrap på många sätt. Det baseras på den moderna Flexibla Bod Module, även kallad flexbox. Utöver JS-insticksprogram innehåller Bulma-ramverket de flesta av frontend-elementen från Bootstrap. Några av funktionerna i Bulma är responsiv layout med fokus på mobila enheter, normaliserad CSS, anpassningsbara teman, grundläggande typografi etc.
HTML5 Boilerplate: HTML5 Boilerplate är en frontend-mal för HTML5, CSS3 och JavaScript som skapats av flera utvecklare. Den är perfekt för att bygga och designa olika typer av webbsidor och för att bygga snabba, robusta och responsiva sidor såväl som webbappar.
Vanliga frågor
Är Bootstrap gratis?
Bootstrap är inte bara gratis, utan ger dig dessutom åtkomst till alla verktyg du behöver för att bygga snabba och responsiva webbplatser. Följ dessa enkla steg för att ladd ner Bootstrap gratis.
Är Bootstrap säkert?
Ja, det är säkert att ladda ner och installera Bootstrap, så länge du laddar ner programvaran från den officiella Bootstrap-sidan. På så sätt undviker du att infekteras med virus, malware och spionprogram.
Kan jag bygga en sida för Vanliga frågor med Bootstrap?
Du kan använda komponenter som dragspel eller kollaps för att bygga en Vanliga frågor-sektion med den senaste versionen, Bootstrap 5.