-
Bild 1 av 3
Detta är bara början på Bootstraps potential. Knappgrupper, flikar, varningar och förloppsindikatorer kan alla implementeras med några rader kod. Ramverket tillhandahåller också verktyg för att bygga sofistikerade tabeller, formulär, expanderbara textområden och mycket mer. Du hittar beskrivningar av alla dessa komponenter, och exempel på hur man använder dem, på den officiella Bootstrap-webbplatsen. Om du vill bli ännu mer äventyrlig finns det en rad tredjepartstillägg till Bootstrap (se utdrag från tredje part nedan); eftersom allt är baserat på vanliga webbteknologier finns det inga gränser för hur Bootstrap kan utökas och byggas på.
Hitta inspiration
Även om Bootstrap är ett bra verktyg för nybörjare, är det tillräckligt kapabelt att driva alla slags vanliga webbplatser och appar. De Älskar Bootstrap webbplatsen visar upp professionella sajter som körs på Bootstrap – inklusive Fender Guitars, StumbleUpon, Jamie Oliver och mer än 160 andra exempel. Du hittar också teknisk information om vilka Bootstrap-komponenter som används av vilken sida, vilket kan hjälpa dig att hitta inspiration till dina egna skapelser.
En andra sida, Byggd med Bootstrap, visar mindre platser. Dessa inkluderar gratis online-omröstningsmakare Pollator; Titta på detta Twitter-konto för mig, som skannar Twitter efter förfallna namngivna konton; och Visuell informatör, en nyhetsflödesaggregator.
Utdrag från tredje part
Bootstrap kommer med massor av användbara komponenter och stilar – och du kan utöka den ytterligare med fritt tillgängliga tredjepartsstilar, komponenter och kodavsnitt.
Bootsnipp är hem för 62 gratis HTML-snuttar för Bootstrap, som stöder handelsvänliga funktioner, allt från betalningsformulär till inloggningar, pristabeller och karuseller. Vi gillar särskilt omröstningen, som gör en uppfinningsrik användning av Bootstrap-förloppsindikatorn. För att använda den klistrar du bara in koden på en Bootstrap-aktiverad sida och ändrar etiketterna därefter.
Bootswatch fokuserar mer på estetik, och erbjuder ett urval av gratis CSS-filer för att ersätta det vanliga Bootstrap-utseendet. Ett urval av Bootstrap-teman erbjuds också på Bootstrap gratis, som inkluderar fem typiska sidor; ladda ner ett av teman, anpassa innehållet och kör.
Om du vill ha piktogram för att hjälpa besökare att navigera på din webbplats erbjuder Font Awesome en samling av 249 ikoner – alla vektorer, så att de ser bra ut i alla storlekar – som kan stylas med färger och skuggor med CSS. Klicka på länken Integration högst upp på webbplatsen för instruktioner om hur du använder dem. När du väl är konfigurerad är det lika enkelt att använda en ikon som att ange en tagg med lämplig klass.
Andra resurser som är värda att titta på inkluderar en skjutreglagebaserad CSS-generator för att producera knappar; en wysiwg-redigerare för att skapa textredigeringsfönster; och Fbootstrapp, en verktygslåda utformad för att påskynda utvecklingen av Facebook iFrame-appar, som inkluderar all HTML- och CSS-stil för element som typografi, knappar, formulär och tabeller.
Äntligen, sugen på ett skratt? Kolla in Geo för Bootstrap och res tillbaka till nittiotalet. Detta tema omdefinierar de vanliga visuella stilarna för att göra en retrosida som knappt går att känna igen som en Bootstrap-skapelse.
