Differences

This shows you the differences between two versions of the page.

--- doc:appunti:prog:bootstrap_toolkit [2020/02/20 10:56] – [Larghezza di colonna] niccolo
+++ doc:appunti:prog:bootstrap_toolkit [2020/02/20 11:04] – [Selettori per dimensione (size)] niccolo
@@ Line 52: / Line 52: @@
 ===== Margin e padding =====
+Bootstrap 4 ha una classe per margini e padding responsivi: **[[https://www.jquery-az.com/bootstrap-margin-padding-classes-spacing-explained-5-examples/|The spacing classes in Bootstrap 4]]**
+**''{property}{sides}-{breakpoint}-{size}''**
 ==== Selettori per la proprietà ====
+^ m  | margin   |
+^ p  | padding  |
 ==== Selettori per i lati (sides) ====
+^ l        | left            |
+^ r        | right           |
+^ t        | top             |
+^ b        | bottom          |
+^ x        | left and right  |
+^ y        | top and bottom  |
+^ <blank>  | all sides       |
 ==== Selettori per dimensione (size) ====
+I valori per la dimensione vanno da **0** a **5**, oppure **auto**.
+==== Esempi ====
+^ class="my-5"  | Margine superiore e inferiore molto grande.  |
+^ class="p-0"   | Padding zero su tutti i lati.                |
+^ class="p-5"   | Padding massimo su tutti i lati.             |
 ===== Font Awesome =====