Bootstrap (cadru)
Bootstrap software | |
---|---|
Tip | Cadrul pentru aplicații web |
Data primei versiuni | 19 august 2011 |
Ultima versiune | 5.0.2 (22 iunie 2021) |
Sistem de operare | Multiplatformă (pe browserul web ) |
Limba | CSS JavaScript HTML Sass |
Licență | MIT ( Apache 2.0 pentru versiunile anterioare 3.1.0) ( Licență gratuită ) |
Limbă | Engleză |
Site-ul web | getbootstrap.com |
Bootstrap este o colecție de instrumente gratuite pentru crearea de site - uri web și aplicații . Conține șabloane de proiectare bazate pe HTML și CSS , atât pentru tipografie , cât și pentru diferite componente ale interfeței, cum ar fi formulare , butoane și navigare, precum și câteva extensii JavaScript opționale.
Origine
Bootstrap a fost dezvoltat de Mark Otto și Jacob Thornton la Twitter ca un cadru care a standardizat diferitele componente care realizează interfața web, deoarece prezența diferitelor biblioteci a dus la inconsecvențe și costuri ridicate de întreținere. Însuși Otto spune:
„Eu și un grup foarte mic de dezvoltatori ne-am reunit pentru a proiecta și implementa o nouă componentă internă și am văzut oportunitatea de a face ceva mai mult. De fapt, în timpul procesului, ne-am trezit construind ceva mult mai substanțial. Luni mai târziu am încheiat prima versiune a Bootstrap pentru a documenta și a partaja modele și activități de proiectare comune în cadrul companiei „.” |
( [1] ) |
A fost folosit pentru prima dată în condiții reale în timpul primului Twitter Hackweek , când Otto le-a arătat unor colegi cum ar putea fi accelerată dezvoltarea proiectelor lor datorită Bootstrap. După acea ocazie, zeci de echipe de dezvoltare Twitter au trecut la acest instrument.
În august 2011, Twitter a lansat Bootstrap ca open source , invitând toți dezvoltatorii să participe la proiect și să contribuie la platformă. În februarie 2012, proiectul de dezvoltare a primit cel mai mare număr de aprecieri pe platforma GitHub , obținând, începând din februarie 2018, 122.000 de stele și 58.000 de furci.
Bootstrap 2 a fost lansat pe 31 ianuarie 2012. Această versiune adaugă un aspect al grilei cu douăsprezece coloane și componente receptive și multe componente au fost modificate [2] . Bootstrap 3 a fost lansat pe 19 august 2013. A început să acorde prioritate dispozitivelor mobile ca criteriu și a început să utilizeze designul plat [3] .
La 23 aprilie 2015, Mark Otto a anunțat că Bootstrap 4 este în curs de dezvoltare [4] . Prima versiune alfa a Bootstrap 4 a fost lansată pe 19 august 2015 [5] .
Bootstrap 5 Alpha a fost lansat oficial pe 16 iunie 2020 [6] . După mai puțin de șase luni, la 1 decembrie 2020, Mark Otto a anunțat lansarea primei versiuni Beta În prezent, cea mai recentă versiune a pachetului este Beta 2, care a fost lansată pe 10 februarie 2021 [7] .
Caracteristici
Bootstrap este compatibil cu cele mai recente versiuni ale tuturor browserelor majore.
De la versiunea 2.0 acceptă, de asemenea, designul web receptiv . Aceasta înseamnă că aspectul paginilor web este ajustat dinamic, ținând seama de caracteristicile dispozitivului utilizat, fie el desktop, tabletă sau telefon mobil. Începând cu versiunea 3.0, Bootstrap a adoptat în mod implicit un design receptiv, subliniindu-și originea ca bibliotecă multi-dispozitiv și multi-platformă .
Membrii comunității au tradus documentația software-ului Bootstrap în diferite limbi (inclusiv chineză , spaniolă și rusă ). Calitatea documentației și exemplele practice de utilizare sunt considerate unul dintre punctele forte ale Bootstrap.
Versiunea 4.0, publicată pe 18 ianuarie 2018 și în prezent cea mai recentă în formă stabilă, include diverse modificări comparativ cu versiunea majoră anterioară și este mai ușoară din punct de vedere al codului, printre care unele dintre cele mai relevante sunt:
- Suport finalizat pentru browsere învechite, cum ar fi Internet Explorer 8 și 9 și cele integrate în primele iPhone
- Adoptarea SASS [9] în loc de LESS [10] și a Reboot.css [11] în loc de Normalize.css [12] pentru managementul organic și dinamic al CSS
- Toate pluginurile JavaScript au fost compatibile cu ES6 [13] și sunt mai rapide și mai ușoare
- Înlocuirea obiectului Panel [14] cu Carduri [15] , care sunt mai flexibile și mai puternice, dar evident necesită rescrierea codurilor create pentru Bootstrap 3
- Eliminarea glifonelor integrate [16] și facilitarea utilizării fonturilor externe, cum ar fi Font Awesome .
Desigur, versiunea 4 a Bootstrap include multe alte caracteristici și modificări, documentate chiar pe site-ul web al proiectului [17] .
Mai jos sunt culorile implicite Bootstrap comparativ cu culorile web anonime. Culorile nu pot fi traduse în HTML , CSS , SVG și Canvas , ele trebuie păstrate în limba engleză. De exemplu, nu puteți scrie color: rosso
dar trebuie să scrieți color: red
Nume | Hexadecimal (RGB) | roșu (RGB) | Verde (RGB) | Albastru (RGB) | Nuanţă (HSL / HSV) | Saturare (HSL) | Ușoară (HSL) | Sâmbătă. (HSV) | Valoare (HSV) | Alternative |
---|---|---|---|---|---|---|---|---|---|---|
Bootstrap White | #FFFFFF | 100% | 100% | 100% | 0 ° | 0% | 100% | 0% | 100% | alb |
Bootstrap Grey 100 | # F8F9FA | 97% | 98% | 98% | 210 ° | 17% | 98% | 1% | 98% | |
Bootstrap Grey 200 | # E9ECEF | 91% | 93% | 94% | 210 ° | 16% | 93% | 3% | 94% | |
Bootstrap Grey 300 | # DEE2E6 | 87% | 89% | 90% | 210 ° | 14% | 89% | 4% | 90% | |
Bootstrap Grey 400 | # CED4DA | 81% | 83% | 85% | 210 ° | 14% | 83% | 6% | 86% | |
Bootstrap Grey 500 | # ADB5BD | 68% | 71% | 74% | 210 ° | 11% | 71% | 9% | 74% | |
Bootstrap Grey 600 | # 6C757D | 42% | 46% | 49% | 208 ° | 7% | 46% | 14% | 49% | Bootstrap Grey |
Bootstrap Grey 700 | # 495057 | 29% | 31% | 34% | 210 ° | 9% | 31% | 16% | 34% | |
Bootstrap Grey 800 | # 343A40 | 20% | 23% | 25% | 210 ° | 10% | 23% | 19% | 25% | Bootstrap Gri închis |
Bootstrap Grey 900 | # 212529 | 13% | 15% | 16% | 210 ° | 11% | 15% | 20% | 16% | |
Bootstrap Black | # 000000 | 0% | 0% | 0% | 0 ° | 0% | 0% | 0% | 0% | Negru |
Bootstrap Blue | # 0D6EFD | 5% | 43% | 99% | 216 ° | 98% | 52% | 95% | 99% | |
Bootstrap Indigo | # 6610F2 | 40% | 6% | 95% | 263 ° | 90% | 51% | 93% | 95% | |
Bootstrap Purple | # 6F42C1 | 44% | 26% | 76% | 261 ° | 51% | 51% | 66% | 76% | |
Bootstrap Pink | # D63384 | 84% | 20% | 52% | 330 ° | 67% | 52% | 76% | 84% | |
Bootstrap Red | # DC3545 | 86% | 21% | 27% | 354 ° | 71% | 54% | 76% | 86% | |
Bootstrap Orange | # FD7E14 | 99% | 49% | 8% | 27 ° | 98% | 54% | nouăzeci și doi% | 99% | |
Bootstrap Galben | # FFC107 | 100% | 76% | 3% | 45 ° | 100% | 51% | 97% | 100% | |
Bootstrap Green | # 198754 | 10% | 53% | 33% | 152 ° | 69% | 31% | 82% | 53% | |
Bootstrap Teal | # 20C997 | 13% | 79% | 59% | 162 ° | 73% | 46% | 84% | 79% | |
Bootstrap Cyan | # 0DCAF0 | 5% | 79% | 94% | 190 ° | 90% | 50% | 95% | 94% | |
gri | # 808080 | 50% | 50% | 50% | 0 ° | 0% | 50% | 0% | 50% | gri |
Albastru | # 0000FF | 0% | 0% | 100% | 240 ° | 100% | 50% | 100% | 100% | |
Indigo | # 4B0082 | 29% | 0% | 51% | 275 ° | 100% | 26% | 100% | 51% | |
Violet | # 800080 | 50% | 0% | 50% | 300 ° | 100% | 25% | 100% | 50% | |
Roz | # FFC0CB | 100% | 75% | 80% | 350 ° | 100% | 88% | 25% | 100% | |
roșu | # FF0000 | 100% | 0% | 0% | 0 ° | 100% | 50% | 100% | 100% | |
portocale | # FFA500 | 100% | 65% | 0% | 39 ° | 100% | 50% | 100% | 100% | |
Galben | # FFFF00 | 100% | 100% | 0% | 60 ° | 100% | 50% | 100% | 100% | |
Verde | # 008000 | 0% | 50% | 0% | 120 ° | 100% | 25% | 100% | 50% | |
Teal | # 008080 | 0% | 50% | 50% | 180 ° | 100% | 25% | 100% | 50% | |
Cyan | # 00FFFF | 0% | 100% | 100% | 180 ° | 100% | 50% | 100% | 100% | Aqua |
Notă
- ^ (EN) Mark Otto, Bootstrap în A List Apart No. 342 pe @mdo (Mark personal website Otto), 17 ianuarie 2012. Accesat la 9 iulie 2015.
- ^ (EN)Construiți software mai bun, împreună , pe GitHub. Adus la 16 martie 2021.
- ^ Design plat , Wikipedia , 7 martie 2021. Adus 16 martie 2021 .
- ^ (EN) Mark Otto, lansat Bootstrap 3.3.0 , Bootstrap Blog, 29 octombrie 2014. Accesat la 16 martie 2021.
- ^ (EN) Mark Otto, Bootstrap 4 alpha , Bootstrap Blog, 19 august 2015. Adus 16 martie 2021.
- ^ (RO) Mark Otto, Bootstrap 5 alfa! , pe Bootstrap Blog , 16 iunie 2020. Adus 16 martie 2021 .
- ^ (RO) Bootstrap 5 beta 2 - Rezumat, descărcări, tutoriale și versiunile următoare , MDB - Material Design for Bootstrap. Adus la 16 martie 2021.
- ^ Twitter Bootstrap 2.0.2 Documentație - BootstrapDocs , la bootstrapdocs.com . Adus la 15 februarie 2021.
- ^ (EN) Sass: Foi de stil Syntactically Awesome , pe sass-lang.com. Adus la 17 noiembrie 2018 .
- ^ (RO) Echipa de bază mai puțin, pentruînceput | Less.js , pe lesscss.org . Adus la 17 noiembrie 2018 .
- ^ (RO) Mark Otto, Jacob Thornton și colaboratorii Bootstrap, Reboot , pe getbootstrap.com. Adus la 17 noiembrie 2018 .
- ^ (EN) Mark Otto, Jacob Thornton și colaboratorii Bootstrap, CSS · Bootstrap pe getbootstrap.com. Adus la 17 noiembrie 2018 .
- ^ ECMAScript 6: Caracteristici noi: Prezentare generală și comparație , pe es6-features.org . Adus la 17 noiembrie 2018 .
- ^ (RO) Mark Otto, Jacob Thornton și colaboratorii Bootstrap,Componente · Bootstrap , pe getbootstrap.com. Adus la 17 noiembrie 2018 .
- ^ (RO) Mark Otto, Jacob Thornton și colaboratorii Bootstrap, Carduri , pe getbootstrap.com. Adus la 17 noiembrie 2018 .
- ^ ( CS ) Proiectare și conținut - Jan Kovařík, Cod - Petr Urbánek, Simboluri clare și curate - GLYPHICONS , pe www.glyphicons.com . Adus la 17 noiembrie 2018 .
- ^ (RO) Mark Otto, Jacob Thornton și colaboratorii Bootstrap, Migrarea la v4 , pe getbootstrap.com. Adus la 17 noiembrie 2018 .
Alte proiecte
- Wikimedia Commons conține imagini sau alte fișiere pe Bootstrap
linkuri externe
- ( RO ) Site oficial , pe getbootstrap.com .
- Bootstrap , pe packages.debian.org .
- Depozitul sursă Bootstrap , la github.com .
- ( EN ) Bootstrap , în Directorul de software gratuit .
Controlul autorității | GND ( DE ) 1145079156 |
---|