Indholdsfortegnelse
Det er en ramme for at fremme konsistens gennem interne værktøjer. Før Bootstrap blev forskellige biblioteker brugt til udvikling af brugergrænseflader, hvilket førte til inkonsekvenser og en høj vedligeholdelsesarbejdsbyrde.
Bootstrap er modulopbygget og består hovedsageligt af en række stylesheets, der implementerer værktøjets forskellige komponenter. Et stylesheet kaldet bootstrap.less indeholder typografiarkets komponenter. Udviklere kan tilpasse den samme Bootstrap -fil ved at vælge de komponenter, de vil bruge i deres projekt.
Værktøjer og klasser tilgængelige i Bootstrap
Bande system og lydhørt design
Bootstrap leveres med et standard 940 pixel bredt gitterlayout. Alternativt kan udvikleren bruge et layout med variabel bredde. Dette justerer bredden på kolonnerne automatisk.
CSS -stilarket
Bootstrap indeholder et sæt typografiark, der giver grundlæggende stildefinitioner for alle HTML -komponenter. Dette giver ensartethed til browseren og breddesystemet, giver et moderne udseende til formatering af tekstelementer, tabeller og formularer.
Genanvendelige komponenter
De almindelige HTML -elementer, Bootstrap indeholder en anden almindeligt anvendt elementgrænseflade. Det indeholder knapper med avancerede funktioner, f.eks. Knapgruppe eller knapper med rullemenu, navigationslister, vandrette og lodrette etiketter, brødsmuler, paginering, etiketter, avancerede typografiske miniaturebilleder, advarselsformater og statuslinjer..
Javascript og jQuery plugins
Javascript -komponenterne til Bootstrap er baseret på jQuery Javascript -biblioteket. Plug-ins findes i jQuery-plug-in-værktøjet. De giver yderligere brugergrænsefladeelementer såsom dialoger, værktøjstip og karruseller.
De udvider også funktionaliteten af nogle eksisterende grænsefladeelementer, herunder f.eks. En automatisk komplet funktion til inputfelter. Version 2.0 understøtter følgende Javascript-plug-ins: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel og Typeahead.
For at bruge Bootstrap på en HTML -side skal udvikleren bare downloade Bootstrap CSS -stilarket og linke det til HTML -filen.
Download den kompilerede CSS- og Javascript -kode, som er den nemmeste måde at komme i gang med Bootstrap. Bagsiden er, at denne version ikke indeholder de originale filer eller dokumentation. For at downloade denne version skal du gå til getbootstrap.com og trykke på knappen Download Bootstrap.
Vi kan også vælge at linke til bootstrap -filer fra eksterne servere som følger:
For at bruge disse filer skal du ændre følgende links på dine sider
Efter at have pakket filen ud, som du downloadede med den kompilerede version af Bootstrap, ser du følgende fil- og biblioteksstruktur:
bootstrap /
├── css /
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── skrifttyper /
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff
Disse filer er de biblioteker, der udgør bootstrap, senere ser vi komponenterne og hvordan de bruges.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
