Innehållsförteckning
Twitter Bootstrap är en samling gratis programverktyg för att skapa webbplatser och applikationer.Det är en ram för att främja konsekvens genom interna verktyg. Innan Bootstrap användes olika bibliotek för utveckling av användargränssnitt, vilket ledde till inkonsekvenser och en hög underhållsbelastning.
Bootstrap är modulärt och består i huvudsak av en serie formatmallar som implementerar verktygets olika komponenter. Ett formatmall som heter bootstrap.less innehåller formatmallskomponenterna. Utvecklare kan anpassa samma Bootstrap -fil genom att välja de komponenter som de vill använda i sitt projekt.
Verktyg och klasser tillgängliga i Bootstrap
Gängsystem och lyhörd design
Bootstrap levereras med en standard 940 pixlar bred rutnätlayout. Alternativt kan utvecklaren använda en layout med variabel bredd. Detta justerar bredden på kolumnerna automatiskt.
CSS -stilarket
Bootstrap innehåller en uppsättning formatmallar som ger grundläggande stildefinitioner för alla HTML -komponenter. Detta ger enhetlighet till webbläsaren och breddsystemet, ger ett modernt utseende för formatering av textelement, tabeller och formulär.
Återanvändbara komponenter
De vanliga HTML -elementen, Bootstrap innehåller ett annat vanligt använt elementgränssnitt. Den innehåller knappar med avancerade funktioner som knappgrupp eller knappar med rullgardinsmenyalternativ, navigationslistor, horisontella och vertikala etiketter, ströbröd, paginering, etiketter, avancerade typografiska miniatyrfunktioner, varningsmeddelandeformat och statusfält..
Javascript och jQuery plugins
Javascript -komponenterna för Bootstrap är baserade på jQuery Javascript -biblioteket. Insticksprogrammen finns i plugin-verktyget jQuery. De ger ytterligare användargränssnittselement som dialogrutor, verktygstips och karuseller.
De utökar också funktionaliteten för vissa befintliga gränssnittselement, inklusive till exempel en automatisk kompletteringsfunktion för inmatningsfält. Version 2.0 stöder följande Javascript-plug-ins: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel och Typeahead.
För att använda Bootstrap på en HTML -sida behöver utvecklaren bara ladda ner Bootstrap CSS -stilarket och länka det till HTML -filen.
Ladda ner den sammanställda CSS- och Javascript -koden, vilket är det enklaste sättet att komma igång med Bootstrap. Nackdelen är att den här versionen inte innehåller originalfilerna eller dokumentationen. För att ladda ner den här versionen, gå till getbootstrap.com och tryck på knappen Ladda ner Bootstrap.
Vi kan också välja att länka till bootstrap -filerna från externa servrar enligt följande:
För att använda dessa filer, ändra följande länkar på dina sidor
Efter att du packat upp filen som du laddade ner med den kompilerade versionen av Bootstrap ser du följande fil- och katalogstruktur:
bootstrap /
├── css /
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── teckensnitt /
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff
Dessa filer är biblioteken som utgör bootstrap, senare får vi se komponenterna och hur de används.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng