Izkārtojums ar Twitter Bootstrap - 1. daļa

Satura rādītājs

Twitter Bootstrap ir bezmaksas programmatūras rīku kolekcija tīmekļa vietņu un lietojumprogrammu izveidei.
Tas ir pamats konsekvences veicināšanai, izmantojot iekšējos instrumentus. Pirms Bootstrap lietotāja saskarnes izstrādei tika izmantotas dažādas bibliotēkas, kas izraisīja neatbilstības un lielu apkopes slodzi.
Bootstrap ir modulārs un būtībā sastāv no virknes stilu lapu, kas īsteno rīka komponentu dažādību. Stila lapa ar nosaukumu bootstrap.less ietver stila lapas komponentus. Izstrādātāji var pielāgot to pašu Bootstrap failu, izvēloties komponentus, kurus viņi vēlas izmantot savā projektā.
Bootstrap pieejamie rīki un nodarbības
Bandu sistēma un atsaucīgs dizains
Bootstrap ir aprīkots ar standarta 940 pikseļu plašu režģa izkārtojumu. Alternatīvi izstrādātājs var izmantot mainīga platuma izkārtojumu. Tas automātiski pielāgo kolonnu platumu.
CSS stila lapa
Bootstrap nodrošina stila lapu komplektu, kas nodrošina pamata stila definīcijas visiem HTML komponentiem. Tas pārlūkprogrammai un platuma sistēmai piešķir vienveidību, sniedz modernu izskatu teksta elementu, tabulu un veidlapu formatēšanai.
Atkārtoti lietojamas sastāvdaļas
Parastie HTML elementi Bootstrap satur citu bieži lietotu elementu saskarni. Tajā ir pogas ar papildu funkcijām, piemēram, pogu grupa vai pogas ar nolaižamo izvēlnes opciju, navigācijas saraksti, horizontālās un vertikālās etiķetes, rīvdēlis, lappušu lapas, etiķetes, uzlabotas tipogrāfiskās sīktēlu iespējas, brīdinājumu ziņojumu formāti un progresa joslas..
Javascript un jQuery spraudņi
Bootstrap Javascript komponenti ir balstīti uz jQuery Javascript bibliotēku. Spraudņi ir atrodami spraudņa jQuery rīkā. Tie nodrošina lietotāja interfeisa papildu elementus, piemēram, dialogus, rīku padomus un karuseļus.
Tie arī paplašina dažu esošo saskarnes elementu funkcionalitāti, tostarp, piemēram, ievades lauku automātiskās pabeigšanas funkciju. Versija 2.0 atbalsta šādus Javascript spraudņus: Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel un Typeahead.
Lai izmantotu Bootstrap HTML lapā, izstrādātājam vienkārši jālejupielādē Bootstrap CSS stilu lapa un jāsaista tā HTML failā.
Lejupielādējiet apkopoto CSS un Javascript kodu, kas ir vienkāršākais veids, kā sākt darbu ar Bootstrap. Negatīvie ir tas, ka šī versija neietver oriģinālos failus vai dokumentāciju. Lai lejupielādētu šo versiju, dodieties uz vietni getbootstrap.com un nospiediet pogu Lejupielādēt sāknēšanu.
Mēs varam arī izvēlēties izveidot saiti uz bootstrap failiem no ārējiem serveriem šādi:
Lai izmantotu šos failus, savās lapās mainiet tālāk norādītās saites
 

Pēc faila, ko lejupielādējāt ar Bootstrap apkopoto versiju, izpakošanas, jūs redzēsit šādu failu un direktoriju struktūru:
bootstrap /
├── css /
├── bootstrap.css
├── bootstrap.min.css
│ ─── bootstrap-theme.css
│ ─── bootstrap-theme.min.css
├── js /
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonti /
├── glifikoni-puspuiši-regulāri.ēd
├── glifikoni-puspuiši-regulāri.svg
├── glifikoni-pusmūžnieki-regulāri.ttf
└── glifikoni-pusmūžnieki-regulāri.novirzīt
Šie faili ir bibliotēkas, kas veido bootstrap, vēlāk mēs redzēsim komponentus un to izmantošanu.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu

Jums palīdzēs attīstību vietā, daloties lapu ar draugiem

wave wave wave wave wave