doc:appunti:prog:bootstrap_toolkit
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionLast revisionBoth sides next revision | ||
doc:appunti:prog:bootstrap_toolkit [2020/02/20 10:53] – [Larghezza di colonna] niccolo | doc:appunti:prog:bootstrap_toolkit [2020/02/20 11:04] – [Selettori per dimensione (size)] niccolo | ||
---|---|---|---|
Line 22: | Line 22: | ||
Una classe **con la specifica di breakpoint** si applica a partire **da quel livello** e per tutti quelli **superiori** (schermi più grandi). Sotto tale breakpoint (cioè per schermi più piccoli) **la classe non si applica affatto**. Ad esempio **col-sm-6** definisce una colonna con larghezza del 50% per uno schermo **small** e per quelli più grandi (salvo classi più specifiche per gli schermi più grandi). Per schermi più piccoli del breakpoint //small//, la classe //col// non si applica. | Una classe **con la specifica di breakpoint** si applica a partire **da quel livello** e per tutti quelli **superiori** (schermi più grandi). Sotto tale breakpoint (cioè per schermi più piccoli) **la classe non si applica affatto**. Ad esempio **col-sm-6** definisce una colonna con larghezza del 50% per uno schermo **small** e per quelli più grandi (salvo classi più specifiche per gli schermi più grandi). Per schermi più piccoli del breakpoint //small//, la classe //col// non si applica. | ||
- | Esempio: | + | ==== Esempi ==== |
< | < | ||
Line 31: | Line 31: | ||
* Colonna di larghezza 100% (12 / 12 = 1.00) per schermi //large// | * Colonna di larghezza 100% (12 / 12 = 1.00) per schermi //large// | ||
* Colonna di larghezza | * Colonna di larghezza | ||
+ | |||
+ | |||
+ | < | ||
+ | class=" | ||
+ | </ | ||
+ | |||
+ | Larghezza basata sulla larghezza naturale del suo contenuto. | ||
+ | |||
+ | < | ||
+ | class=" | ||
+ | </ | ||
+ | |||
+ | Forza la larghezza al 100%, cioè forza un new line. | ||
+ | |||
+ | < | ||
+ | class=" | ||
+ | </ | ||
+ | |||
+ | Forza la larghezza al 100%, ma solo dal breakpoint " | ||
===== Margin e padding ===== | ===== Margin e padding ===== | ||
+ | |||
+ | Bootstrap 4 ha una classe per margini e padding responsivi: **[[https:// | ||
+ | |||
+ | **'' | ||
==== Selettori per la proprietà ==== | ==== Selettori per la proprietà ==== | ||
+ | |||
+ | ^ m | margin | ||
+ | ^ p | padding | ||
==== Selettori per i lati (sides) ==== | ==== Selettori per i lati (sides) ==== | ||
+ | |||
+ | ^ l | left | | ||
+ | ^ r | right | | ||
+ | ^ t | top | | ||
+ | ^ b | bottom | ||
+ | ^ x | left and right | | ||
+ | ^ y | top and bottom | ||
+ | ^ < | ||
==== Selettori per dimensione (size) ==== | ==== Selettori per dimensione (size) ==== | ||
+ | |||
+ | I valori per la dimensione vanno da **0** a **5**, oppure **auto**. | ||
+ | |||
+ | ==== Esempi ==== | ||
+ | |||
+ | ^ class=" | ||
+ | ^ class=" | ||
+ | ^ class=" | ||
===== Font Awesome ===== | ===== Font Awesome ===== |
doc/appunti/prog/bootstrap_toolkit.txt · Last modified: 2020/02/20 11:07 by niccolo