Bootstrap har helt enkelt exploderat i webbutvecklingsgemenskapen. Det kommer alltid att finnas skeptiker och hatare men i stort sett har projektet blivit en framgångsrik framgång och kan ständigt ses längst upp i Forked och Watched-diagrammen på GitHub.
Som en följd av Bootstraps berömmelse har många utvecklade resurser kommit fram av utvecklingssamhället. Idag har vi samlat in våra favoriter till en lista över allt du behöver för att komma igång med Bootstrap. Från introduktionshandledningar till wireframing kit och anpassade generatorer finns det något här för varje Bootstrap-älskare.
Starta Bootstrap
Start Bootstrap är en allt-i-ett-plattform för alla typer av teman, guider och förkonstruerade gratis och premium HTML-mallar med Bootstrap.
Webbplatsen innehåller gratis förbyggda mallar för att göra målsidor, personliga CV-sidor, portföljer och mycket mer. Det finns också många Quick Bootstrap mall layouter du kan ladda ner för att snabbt komma igång på dina webbdesignprojekt.
Dessutom har Start Bootstrap en massiv Bootstrap-resurslista som innehåller länkar till alla typer av Bootstrap-relaterade resurser som plugins, visuella byggare, ramintegreringar och mer.
CodyHouse
CodyHouse är ett bibliotek fullt av gratis webbkomponenter som består av HTML, CSS och JavaScript plugins. Biblioteket innehåller vackert utformade mega-menyer, portföljmallar, betalningsintegrationer, animeringseffekter, videomallar och andra plugins.
Du kan ladda ner dessa plugins och mallar för att enkelt integrera dem i dina egna Bootstrap-webbdesigner för att integrera olika funktioner och funktioner, kostnadsfritt.
Bootsnipp
Detta är ännu en plattform som erbjuder en massiv samling HTML och CSS resurser och plugins. Bootsnipps specialitet är att den här plattformen innehåller kodutdrag och plugins som skapats av andra webbutvecklare och designers.
Bootsnipp innehåller alla typer av kodprofiler och mallar som hjälper dig att göra din webbutvecklingsprocess mycket enklare, inklusive formulärmallar, knappdesigner, framstegsfält, gallerimallar och mycket mer.
Du kan ansluta dig till plattformen som en registrerad användare och skapa din egen samling Bootstrap-resurser också. Bootsnipp innehåller också resurser för andra HTML-ramar som Foundation och Semantic UI.
Codrops
Codrops är en blogg som delar handledning och ritningar om hur man skapar unika mallar och element med HTML och CSS. Det stora med denna blogg är att förutom att du låter dig ladda ner mallar och plugins gratis, kommer det också att beskriva i detalj hur varje mall skapades och hur du kan anpassa dem till dina önskemål.
Codrops innehåller resurser, ritningar, mallar och plugins som du kan integrera med Bootstrap för att skapa trendiga portföljavsnitt, bildspel, videobakgrunder, animationer och mycket mer.
Shards
Shards är ett modernt och minimalistiskt UI-kit byggt med Bootstrap 4 för att utforma fantastiska mottagliga och mobila första webbplatser.
När du använder den här användargränssatsen måste du inte skriva kod för att utforma något av Bootstrap-elementen, t.ex. knapparna och menyerna. UI-paketet tar hand om allt det där för dig.
Bootswatch
På denna sida finns en samling anpassade teman för Bootstrap-ramen i flera olika färgscheman och mönster.
Listan innehåller ett tema-tema Bootstrap-tema, ett materialtema för design, plattdesign, mörka färgteman och mer. Du kan ladda ner och använda dessa teman för att anpassa utseendet på dina Bootstrap-mönster utan att behöva redigera koden.
Fontello
Fontello är en smidig ikonfontergenerator som låter dig bläddra i en massiv samling ikoner från flera populära typsnittstypikonpaket, inklusive Font Awesome, Typicons, Brandico och mycket mer.
Ikon typsnitt används ofta i nästan alla webbdesign idag. Du kan använda sökfunktionen på Fontello för att snabbt hitta ett typsnittspaket med en ikon som är relaterad till din sökning, justera ikonstorleken och ladda ner ikonstypen som ska användas med dina Bootstrap-mönster.
Bränsle UX
Bränsle UX används mest av avancerade webbdesigners för överladdning av Bootstrap-ramverket med mer komplicerade och lätta JavaScript-förbättringar. Det förbättrar Bootstrap med utökad funktionalitet och ger dig mer kontroll över ramanpassningen. Bränsle UX ingår också i Salesforce Marketing Cloud.
Typehead.js
Vill du lägga till en fantastisk Google-liknande autofullständig funktion till din webbplatss sökruta? Då kan du ladda ner det här lätta JavaScript-biblioteket och integrera det på din Bootstraps webbplats för att enkelt uppgradera din sökruta med autofullständiga sökfraser, auto-förslag och mer.
Blueimp Gallery
Blueimp är en samling av lyhörda och touch-enabled galleri mallar som du kan använda på din webbplats lägga till bild- och videogallerier samt portföljer.
Plugin är gjord baserat på Swipe JavaScript-biblioteket, vilket kallas som den mest exakta pekskärmen. Blueimp utökar funktionaliteten för Swipe genom att låta dig välja mellan tre olika gallerimodeller, inklusive bildcarusell, video carousel och ett lightbox bildgalleri.
Bootstrap Expo
Detta är en webbplats som innehåller en samling av underbara webbplatser byggda med Bootstrap. Samlingen är kuraterad av Mark Otto, grundaren av Bootstrap och designchefen på Github. Det är ett bra ställe att hitta inspiration för ditt nästa projekt och se vilka fantastiska saker du kan bygga med Bootstrap.
StyleBootstrap
Med det här verktyget kan du använda ett enkelt gränssnitt för att anpassa olika aspekter av Bootstrap. Skillnaden här är att den här fokuserar främst på de visuella, designaspekterna. Du kan enkelt gå in och ändra färger, teckensnitt, gränser och mycket mer.
Appen är också mer visuell än Twitters generator och låter dig se hur dina stilar kommer att se ut innan du träffar den nedladdningsknappen.
Vackra knappar för Bootstrap
Detta är ett enkelt litet verktyg som bara gör en sak: hjälper dig att designa snygga knappar för användning med Twitter Bootstrap. Det består bara av fyra reglage och en låda för att kopiera den resulterande CSS, inte mindre, inte mer. Det kommer inte att revolutionera hur du använder Bootstrap men det är roligt att leka med.
WrapBootstrap
? WrapBootstrap är en marknadsplats för premium Bootstrap teman och mallar. Imponera dina kunder och besökare när du använder en enda, rockfast grund.
Tänk på WrapBootstrap som ThemeForest för Bootstrap. Du kan köpa eller sälja skräddarsydda Bootstrap-teman. Om du tycker att det är lurt att spendera pengar på ett premiumtema för en gratis resurs som Bootstrap, ta en titt på framgången på WordPress-temamarknaden. Som standard börjar Bootstrap-webbplatser att se ut på samma sätt och snyggt utformade teman kan verkligen lägga till en fin variation samtidigt som du kan hålla fast vid de stora fördelar som Bootstrap erbjuder.
Byggd med Bootstrap
Byggd med Bootstrap är en inofficiell Tumblr-blogg som visar olika webbplatser som, som namnet uppenbarligen innebär, har byggts med Bootstrap. Detta är en fantastisk resurs för designers som arbetar med Bootstrap, eftersom det låter dig se vilka verkliga utvecklare som gör med ramverket, vilket kommer att inspirera dig att ta det vidare själv.
Om du tror att Bootstrap inte kan leda till något annat än vanlig design, kommer det här galleriet att visa dig fel. Webbplatser som Provo Restaurant förvånade mig verkligen inte genom att titta på något som en klon på Bootstrap-exempelsidorna.
Gratis Twitter Bootstrap Widgets Library
Axure är en kraftfull professionell nivå applikation som gör att du kan bygga komplexa wireframes och interaktiva mockups. Vid $ 589 per licens är det bara en lösning för seriösa wireframers.
Om du vill arbeta med Twitter Bootstrap och Axure, se till att ladda ner det här fantastiska gratis widgetbiblioteket, vilket inkluderar perfekt anpassningsbara representationer av Bootstrap-objekten som fungerar sömlöst i Axure.
Bootstrap PSD
Jag vet vad många av er tänker,? Fyrverkerier? Axure? OmniGraffle? Ge mig bara en PSD !? Tja, du har tur, för Repix Design har tagit tid att skapa och distribuera en detaljerad, anpassningsbar PSD som innehåller alla Bootstraps olika komponenter.
Om du gillar att göra din wireframing i Photoshop och du är en Bootstrapper, är den här gratis nedladdningen en bra. Ta tag i det nu.
Typsnitt Awesome
Font Awesome är förmodligen min favorit Twitter Bootstrap-resurs. Det är i princip bara en ikon typsnitt, så vem som helst kan använda det för något projekt. Det var dock speciellt utformat för att komplettera den visuella estetiken i Bootstrap.
Font Awesome är gratis för kommersiell användning, kompatibel med skärmläsare och innehåller en hel del 150 ikoner (ett nummer som fortsätter att växa). Bokmärk den här eftersom du kommer att älska det.
Sass Twitter Bootstrap
När Twitter-folk byggde Bootstrap, bestämde de sig för att göra det ännu bättre med LESS, en populär CSS-förprocessor som ger magiken av variabler, mixins och mycket mer till CSS.
Saken är, det finns en stor delning i förprocessorens fanbas. Vissa människor älskar MINDRE eftersom det är enkelt och otroligt lätt att använda, men många väljer det mer kraftfulla alternativet: Sass. Vi kan inte skylla på Twitter devs för att ta den LESS-vägen men Sass fans behöver lite kärlek också! Lyckligtvis har John W. Long hamnat Bootstrap till Sass så nu kan båda sidor av preprocessor debatten åtminstone vara överens om en sak: Bootstrap rocks.
Stylus fans behöver inte sörja för det faktum att de ofta misslyckas med att nämna, det finns också en Bootstrap Stylus-port.
Colorpicker och Datepicker för Bootstrap
Här är några extra element som du kan lägga till i Bootstrap. Båda är fria, väl dokumenterade och passar precis in i Bootstrap-estetiken.
Hur kompletterar du Bootstrap?
Nu när du har sett vår lista över fantastiska Bootstrap-resurser vill vi höra från dig. Släpp oss en tweet för att berätta vilka tredjepartsresurser du har införlivat i den processen.
bootstrap
Bootstrap är en open source toolkit för utveckling med HTML, CSS och JS. Vår serie innehåller tips och idéer för att arbeta med Bootstrap, och inspirerande samlingar av mallar för att komma igång snabbt!