Bootstrap (framework): differenze tra le versioni

Versione delle 19:33, 22 mag 2020

Versione delle 16:04, 15 feb 2021

Riga 46:

Naturalmente la versione 4 di Bootstrap prevede molte altre funzionalità e modifiche, documentate sul sito del progetto<ref>{{Cita web|url=https://getbootstrap.com/docs/4.0/migration/|titolo=Migrating to v4|autore=Mark Otto, Jacob Thornton, and Bootstrap contributors|sito=getbootstrap.com|lingua=en|accesso=17 novembre 2018}}</ref> stesso.

Di seguito i Colori Bootstrap predefiniti rispetto ai [[colori Web]] anonimi. In [[HTML]], [[CSS]], [[Scalable Vector Graphics|SVG]] e [[Canvas (elemento HTML)|Canvas]] non si possono tradurre i colori, vanno mantenuti in lingua inglese. Ad esempio non si può scrivere <code>color: rosso</code> ma si deve scrivere <code>color: red</code>

{| class="wikitable sortable"

|+Colori Bootstrap predefiniti rispetto ai [[colori Web]] con lo stesso nome

!Nome

!Esadecimale

<small>(RGB)</small>

!Rosso

<small>(RGB)</small>

!Verde

<small>(RGB)</small>

!Blu

<small>(RGB)</small>

!Tonalità

<small>(HSL/HSV)</small>

!Saturazione

<small>(HSL)</small>

!Luce

<small>(HSL)</small>

!Satur.

<small>(HSV)</small>

!Valore

<small>(HSV)</small>

!Alternative

|-

!Bootstrap White

|#FFFFFF

|100%

|100%

|100%

|0°

|0%

|100%

|0%

|100%

|White

|-

!Bootstrap Gray 100

|#F8F9FA

|97%

|98%

|98%

|210°

|17%

|98%

|1%

|98%

|-

!Bootstrap Gray 200

|#E9ECEF

|91%

|93%

|94%

|210°

|16%

|93%

|3%

|94%

|-

!Bootstrap Gray 300

|#DEE2E6

|87%

|89%

|90%

|210°

|14%

|89%

|4%

|90%

|-

!Bootstrap Gray 400

|#CED4DA

|81%

|83%

|85%

|210°

|14%

|83%

|6%

|86%

|-

!Bootstrap Gray 500

|#ADB5BD

|68%

|71%

|74%

|210°

|11%

|71%

|9%

|74%

|-

!Bootstrap Gray 600

|#6C757D

|42%

|46%

|49%

|208°

|7%

|46%

|14%

|49%

|Bootstrap Gray

|-

!Bootstrap Gray 700

|#495057

|29%

|31%

|34%

|210°

|9%

|31%

|16%

|34%

|-

!Bootstrap Gray 800

|#343A40

|20%

|23%

|25%

|210°

|10%

|23%

|19%

|25%

|Bootstrap Dark Gray

|-

!Bootstrap Gray 900

|#212529

|13%

|15%

|16%

|210°

|11%

|15%

|20%

|16%

|-

!Bootstrap Black

|#000000

|0%

|0%

|0%

|0°

|0%

|0%

|0%

|0%

|Black

|-

!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%

|92%

|99%

|-

!Bootstrap Yellow

|#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%

|-

!Gray

|#808080

|50%

|50%

|50%

|0°

|0%

|50%

|0%

|50%

|Grey

|-

!Blue

|#0000FF

|0%

|0%

|100%

|240°

|100%

|50%

|100%

|100%

|-

!Indigo

|#4B0082

|29%

|0%

|51%

|275°

|100%

|26%

|100%

|51%

|-

!Purple

|#800080

|50%

|0%

|50%

|300°

|100%

|25%

|100%

|50%

|-

!Pink

|#FFC0CB

|100%

|75%

|80%

|350°

|100%

|88%

|25%

|100%

|-

!Red

|#FF0000

|100%

|0%

|0%

|0°

|100%

|50%

|100%

|100%

|-

!Orange

|#FFA500

|100%

|65%

|0%

|39°

|100%

|50%

|100%

|100%

|-

!Yellow

|#FFFF00

|100%

|100%

|0%

|60°

|100%

|50%

|100%

|100%

|-

!Green

|#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

|}

== Alternative ==