Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:front-end_framework:bootstrap_4:gombok [2020/12/10 22:59] – [Gombok] admin
+++ oktatas:web:front-end_framework:bootstrap_4:gombok [2025/08/01 09:34] (aktuális) – eltávolítva admin
@@ Sor 1: / Sor 1: @@
-[[oktatas:web:front-end_framework:bootstrap 4|< Bootsrap 4]]
-====== Gombok ======
-  * **Szerző:** Sallai András
-  * Copyright (c) Sallai András, 2020
-  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
-  * Web: https://szit.hu
-===== Gombok =====
-Osztályok:
-  * .btn
-  * .btn-primary
-  * .btn-secondary
-  * .btn-success
-  * .btn-info
-  * .btn-warning
-  * .btn-danger
-  * .btn-dark
-  * .btn-light
-  * .btn-link
-<code html>
-<button type="button" class="btn">Basic</button>
-<button type="button" class="btn btn-primary">Primary</button>
-<button type="button" class="btn btn-secondary">Secondary</button>
-<button type="button" class="btn btn-success">Success</button>
-<button type="button" class="btn btn-info">Info</button>
-<button type="button" class="btn btn-warning">Warning</button>
-<button type="button" class="btn btn-danger">Danger</button>
-<button type="button" class="btn btn-dark">Dark</button>
-<button type="button" class="btn btn-light">Light</button>
-<button type="button" class="btn btn-link">Link</button>
-</code>
-===== Méretek =====
-  * .btn
-  * .btn-lg
-  * .btn-sm
-===== Blokkszintű gomb =====
-  * .btn-block
-===== Aktív és inaktív gomb =====
-  * .active
-  * .disabled
-===== Folyamatjelző gombok =====
-<code html>
-<button class="btn btn-primary">
-  <span class="spinner-border spinner-border-sm"></span>
-</button>
-</code>
-<code html>
-<button class="btn btn-primary">
-  <span class="spinner-border spinner-border-sm"></span>
-  Töltés...
-</button>
-</code>
-Nem engedélyezett:
-<code html>
-<button class="btn btn-primary" disabled>
-  <span class="spinner-border spinner-border-sm"></span>
-  Töltés...
-</button>
-</code>
-<code html>
-<button class="btn btn-primary" disabled>
-  <span class="spinner-grow spinner-grow-sm"></span>
-  Töltés...
-</button>
-</code>