Innholdsfortegnelse
Det er et rammeverk for å fremme konsistens gjennom interne verktøy. Før Bootstrap ble forskjellige biblioteker brukt til utvikling av brukergrensesnitt, noe som førte til inkonsekvenser og høy vedlikeholdsbelastning.
Bootstrap er modulær og består i hovedsak av en serie stilark som implementerer verktøyets forskjellige komponenter. Et stilark kalt bootstrap.less inneholder stilarkkomponentene. Utviklere kan tilpasse den samme Bootstrap -filen ved å velge komponentene de vil bruke i prosjektet.
Verktøy og klasser tilgjengelig i Bootstrap
Gjengsystem og lydhør design
Bootstrap leveres med en standard 940 piksler bred rutenettoppsett. Alternativt kan utvikleren bruke et layout med variabel bredde. Dette justerer bredden på kolonnene automatisk.
CSS -stilarket
Bootstrap inneholder et sett med stilark som gir grunnleggende stildefinisjoner for alle HTML -komponenter. Dette gir enhetlighet til nettleseren og breddesystemet, gir et moderne utseende for formatering av tekstelementer, tabeller og skjemaer.
Gjenbrukbare komponenter
De vanlige HTML -elementene Bootstrap inneholder et annet vanlig elementgrensesnitt. Den inneholder knapper med avanserte funksjoner som knappegruppe eller knapper med rullegardinmenyalternativ, navigasjonslister, horisontale og vertikale etiketter, brødsmuler, paginering, etiketter, avanserte typografiske miniatyrfunksjoner, varselsmeldingsformater og fremdriftslinjer..
Javascript og jQuery plugins
Javascript -komponentene for Bootstrap er basert på jQuery Javascript -biblioteket. Programtilleggene finnes i plugin-verktøyet jQuery. De gir flere brukergrensesnittelementer som dialoger, verktøytips og karuseller.
De utvider også funksjonaliteten til noen eksisterende grensesnittelementer, inkludert for eksempel en automatisk fullføringsfunksjon for inndatafelt. Versjon 2.0 støtter følgende Javascript-plug-ins: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel og Typeahead.
For å bruke Bootstrap på en HTML -side, trenger utvikleren bare å laste ned Bootstrap CSS -stilarket og koble det til HTML -filen.
Last ned den kompilerte CSS- og Javascript -koden, som er den enkleste måten å komme i gang med Bootstrap. Ulempen er at denne versjonen ikke inneholder de originale filene eller dokumentasjonen. For å laste ned denne versjonen, gå til getbootstrap.com og trykk på Last ned Bootstrap -knappen.
Vi kan også velge å koble til bootstrap -filene fra eksterne servere som følger:
For å bruke disse filene, endre følgende lenker på sidene dine
Etter at du har pakket ut filen du lastet ned med den kompilerte versjonen av Bootstrap, ser du følgende fil- og katalogstruktur:
Støvelhempe /
├── css /
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonter /
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff
Disse filene er bibliotekene som utgjør bootstrap, senere får vi se komponentene og hvordan de brukes.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
