Bootstrap (kehys)

Bootstrap  (tunnetaan myös nimellä Twitter Bootstrap [3] [4] [5] ) on ilmainen työkalusarja verkkosivustojen ja verkkosovellusten rakentamiseen . Sisältää HTML- ja CSS -suunnittelumalleja typografiaa , verkkolomakkeita, painikkeita, tarroja, navigointilohkoja ja muita verkkokäyttöliittymäkomponentteja varten, mukaan lukien JavaScript - laajennukset.

Bootstrap käyttää nykyaikaisia ​​CSS- ja HTML -kehityksiä , joten sinun on oltava varovainen tuettaessa vanhempia selaimia [6] .

Historia

Tätä kirjastoa alettiin kehittää sisäiseksi Twitter-kirjastoksi nimeltä Twitter Blueprint . Useiden kuukausien kehitystyön jälkeen se julkaistiin nimellä Bootstrap 19. elokuuta 2011 [7] .

31. tammikuuta 2012 ilmestyneen toisen version tärkeimmät innovaatiot olivat 12-sarakkeinen ruudukko ja sopeutumistuki [8] .

Kolmas versio julkaistiin 19. elokuuta 2013. Siinä sopeutumiskykyä kehitettiin edelleen, siirryttiin käsitteeseen mobiili ensin , optimointi ensisijaisesti mobiililaitteille. Oletussuunnittelusta tuli litteä [9] .

Neljännen version työstäminen aloitettiin 29. lokakuuta 2014 [10] . Alfa-versio julkaistiin 19. elokuuta 2015 [11] . Ensimmäinen beta-versio julkaistiin 10. elokuuta 2017 [12] . Toinen beta julkaistiin 19. lokakuuta 2017 [13] . 18. tammikuuta 2018 ensimmäinen vakaa versio Bootstrap 4:stä [14] julkaistiin .

Perustyökalut

Bootstrapin perustyökalut:

• Ruudukot  ovat ennalta määritettyjä sarakekokoja, joita voidaan käyttää välittömästi, esimerkiksi sarakkeen leveys 140 px kuuluu luokkaan .span2( .col-md-2kehyksen kolmannessa versiossa), jota voidaan käyttää dokumentin CSS - kuvauksessa.
• Mallit  - kiinteä tai kuminen asiakirjamalli.
• Typografia - kirjasimien  kuvaukset , joidenkin fonttien luokkien määritteleminen , kuten koodi, lainausmerkit jne.
• Media  - Tarjoaa jonkin verran kuvien ja videoiden hallintaa.
• Taulukot  ovat keinoja taulukoiden suunnitteluun lajittelutoimintojen lisäämiseen asti.
• Lomakkeet  - luokkia lomakkeiden koristeluun ja joihinkin niihin liittyviin tapahtumiin.
• Navigointi  – Suunnittele luokat paneeleille, välilehdille, sivusiirtymille, valikoille ja työkaluriveille.
• Hälytykset  – valintaikkunoiden, vihjeiden ja ponnahdusikkunoiden suunnittelu.

Bootstrap 4

29. lokakuuta 2014 Mark Otto ilmoitti, että Bootstrap 4 on kehitteillä. Mark keskeytti Bootstrap 3:n työskentelyn 6. syyskuuta 2016 vapauttaakseen aikaa Bootstrap 4:n työskentelyyn. Bootstrap 4:n ydinkoodiin on tähän mennessä tehty yli 4 000 muutosta. Ensimmäinen vakaa versio julkaistiin 18. tammikuuta 2018.

Bootstrap 4 on lähes täydellinen Bootstrap 3:n uudelleenkirjoitus. Luettelo merkittävimmistä muutoksista:

• Web-oletuskirjasimet (Helvetica Neue, Helvetica, Arial) on integroitu Bootstrap 4:ään ja korvattu joukolla alkuperäisiä kirjasimia optimaalisen tekstin renderöimiseksi kaikilla laitteilla missä tahansa käyttöjärjestelmässä.
• Siirtyminen Lessin käytöstä Sassiin .
• IE8, IE9 ja iOS 6 eivät ole tuettuja.
• Lisätty tuki Flexboxille ja sitten poistettu käytöstä ei-flexboxille.
• Muuta perusmittayksikkö px:stä rem.
• Kasvatettu globaali fonttikoko 14 pikselistä 16 pikseliin.
• Uusi "kortti"-komponentti, joka tiivistää paneelit ja muut komponentit.
• Glyphicons-kuvakkeen fontti poistettu.
• Hakulaitteen osat poistettu.
• Lähes kaikki komponentit, jQuery-laajennukset ja dokumentaatio on kirjoitettu uudelleen.

Bootstrap 5

Bootstrap 5 julkaistiin virallisesti 5. toukokuuta 2021. [15] [16]

Suuria muutoksia ovat: [17]

• Uusi offcanvas-valikkokomponentti
• Riippuvuuden poistaminen jQuerysta vanilja JavaScriptin hyväksi
• Ruudukon uudelleenkirjoittaminen tukemaan responsiivisia kouruja ja sarakkeita, jotka on sijoitettu rivien ulkopuolelle.
• Dokumentaation siirtäminen Jekylliltä Hugolle
• Internet Explorerin tuen loppu [18]
• Testausinfrastruktuurin siirtäminen QUnitista Jasmineen
• Oman SVG-kuvakesarjan lisääminen
• Mukautettujen CSS-ominaisuuksien lisääminen
• Parannettu API
• Kehittynyt verkkojärjestelmä
• Parannettu asiakirja-asetus
• Päivitetyt lomakkeet
• RTL-tuki

Katso myös

• HTML
• HTML5
• css
• VÄHEMMÄN
• CSS-kehys
• JavaScript
• jQuery

Muistiinpanot

1. ↑ Julkaisu 5.2.2 - 2022.
2. ↑ http://getbootstrap.com/
3. ↑ Cochran, 2012 .
4. ↑ Shaw (v.2), 2014 .
5. ↑ Shaw (v.3), 2014 .
6. ↑ Tuetut selaimet . Haettu 12. tammikuuta 2016. Arkistoitu alkuperäisestä 18. elokuuta 2015. (määrätön)
7. ↑ Mark Otto. Bootstrap Twitteristä . kehittäjäblogi . Twitter (19. elokuuta 2011). Haettu 27. tammikuuta 2016. Arkistoitu alkuperäisestä 23. helmikuuta 2017. (määrätön)
8. ↑ Mark Otto. Tervehdi Bootstrap 2.0 | Twitterin blogit . kehittäjäblogi . Twitter (31. tammikuuta 2011). Haettu: 27. tammikuuta 2016. (määrätön)  (linkki ei saatavilla)
9. ↑ Bootstrap 3 on julkaistu . Bootstrap-blogi (19. elokuuta 2013). Haettu 27. tammikuuta 2016. Arkistoitu alkuperäisestä 21. lokakuuta 2016. (määrätön)
10. ↑ Bootstrap 3.3.0 julkaistu . Bootstrap-blogi (29. lokakuuta 2014). Käyttöpäivä: 27. tammikuuta 2016. Arkistoitu alkuperäisestä 24. heinäkuuta 2016. (määrätön)
11. ↑ Bootstrap 4 alpha . Bootstrap-blogi (19. elokuuta 2015). Haettu 27. tammikuuta 2016. Arkistoitu alkuperäisestä 21. elokuuta 2015. (määrätön)
12. ↑ Bootstrap 4 Beta . Bootstrap-blogi (10. elokuuta 2017). Haettu 6. lokakuuta 2017. Arkistoitu alkuperäisestä 8. lokakuuta 2017. (määrätön)
13. ↑ Bootstrap 4 Beta 2 . Bootstrap-blogi (19. lokakuuta 2017). Haettu 31. lokakuuta 2017. Arkistoitu alkuperäisestä 1. marraskuuta 2017. (määrätön)
14. ↑ Bootstrap 4 . Bootstrap-blogi (18. tammikuuta 2018). Haettu 19. tammikuuta 2018. Arkistoitu alkuperäisestä 20. tammikuuta 2018. (määrätön)
15. ↑ Vapauta julkaisu v5.0.0 (# 33647 ) twbs/bootstrap  . GitHub . Haettu 5. toukokuuta 2021. Arkistoitu alkuperäisestä 5. huhtikuuta 2022.
16. ↑ Bootstrap 5 . blog.getbootstrap.com . Haettu 5. huhtikuuta 2022. Arkistoitu alkuperäisestä 25. maaliskuuta 2022. (määrätön)
17. ↑ Bootstrap 5 grid, MartijnCuppens Pull Request #28517 twbs/  bootstrap . GitHub . Haettu 29. syyskuuta 2019. Arkistoitu alkuperäisestä 5. huhtikuuta 2022.
18. ↑ v5: poista Internet Explorerin tuki XhmikosR:n Pull Request #30377 twbs/  bootstrap toimesta . GitHub . Haettu 7. huhtikuuta 2020. Arkistoitu alkuperäisestä 5. huhtikuuta 2022.

Kirjallisuus

Kirjat

• Jake Spurlock. Bootstrap. Responsiivinen verkkokehitys . - O'Reilly , 2013. - 128 s. — ISBN 978-1-4493-4460-3 .
• David Cochran, Ian Whitley. Bootstrap-sivustosuunnitelmat . - Paketti, 2014. - 304 s. — ISBN 978-1-78216-453-1 .
• Matt Lambert. Bootstrap-sivustosuunnitelmat. Osa II . - Paketti, 2016. - 328 s. - ISBN 978-1-78528-109-9 .
• Syed Fazle Rahman. Jump Start Bootstrap. - SitePoint, 2014. - 150 s. — ISBN 978-0-9922794-3-1 .
• Aravind Shenoy. Oppiminen Bootstrap . — Paketti, 2014. — 204 s. — ISBN 978-1-78216-185-1 .
• Alexandre Magno. Mobile-First Bootstrap . - Paketti, 2013. - 92 s. — ISBN 978-1-78328-579-2 .
• Peter Shaw. Twitter Bootstrap ytimekkäästi . - Syncfusion, Inc., 2014. - 114 s.
• Peter Shaw. Twitter Bootstrap 3 ytimekkäästi . - Syncfusion, Inc, 2014. - 110 s.
• David Cochran. Twitter Bootstrap -verkkokehityksen ohjeet . — Packt, 2012. - 68 s. — ISBN 978-1-84951-883-3 .

Artikkelit ja arvostelut

• Uche Ogbuji. Nopea Web-sivusto- ja verkkosovelluskehitys Bootstrapin avulla . IBM DeveloperWorks (29. marraskuuta 2013). (määrätön)
• Serdar Yegulalp. Arvostelu: Ilmaiset mobiiliystävälliset web-suunnittelukehykset . Twitter Bootstrap, HTML5 Boilerplate, 52Framework sekä 320 ja Up poistavat verkkosivustojen rakentamisen sekä suurille että pienille näytöille . InfoWorld (12. syyskuuta 2012) . (määrätön)

Linkit

• Virallinen sivu  (englanniksi)
• Bootstrap GitHub  _
• Bootstrap in A List Apart No. 342 A List Apart 
• Bootstrap 4 - dokumentaatio venäjäksi  (venäjäksi)
• Bootstrap 5 - dokumentaatio venäjäksi  (venäjäksi)