info:css:bootstrap

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
info:css:bootstrap [2025/12/11 10:55] – radeffinfo:css:bootstrap [2026/03/26 09:00] (Version actuelle) – radeff
Ligne 7: Ligne 7:
   * http://getbootstrap.com/getting-started/   * http://getbootstrap.com/getting-started/
  
 +
 +===== GRID CSS =====
 +
 +avec les browsers modernes, on peut utiliser les propriétés [[gridcss|GRID CSS]]
 +
 +avec bootstrap on a bcp de flexibilité, voir p. ex. cet excellent tuto (bootstrap5)
 +
 +<html>
 +<iframe width="560" height="315" src="https://www.youtube.com/embed/Wqu-d_b3K-0?si=HXShTdSnCSd75L7k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +</html>
 ===== doc ===== ===== doc =====
-  * https://grafikart.fr/tutoriels/grid-css-1002#autoplay (comme d'hab, les meilleurs tutos sont chez grafikart)+  * https://grafikart.fr/tutoriels/bootstrap (comme d'hab, les meilleurs tutos sont chez grafikart)
   * http://layoutit.com   * http://layoutit.com
   * http://www.oneskyapp.com/fr/docs/bootstrap/getting-started/   * http://www.oneskyapp.com/fr/docs/bootstrap/getting-started/
Ligne 19: Ligne 29:
   * https://openclassrooms.com/courses/prenez-en-main-bootstrap   * https://openclassrooms.com/courses/prenez-en-main-bootstrap
  
- 
-===== Grid =====  
-  * voir tuto grafikart //supra/ 
-  * https://cssgridgarden.com/#fr - un jeu pour comprendre! 
-  * https://developer.mozilla.org/fr/docs/Web/CSS/Guides/Grid_layout 
-  * https://mozilladevelopers.github.io/playground/css-grid/ 
  
 ===== Glyphicons ===== ===== Glyphicons =====
 +
   * https://getbootstrap.com/docs/3.3/components/   * https://getbootstrap.com/docs/3.3/components/
   * https://www.w3schools.com/bootstrap/bootstrap_glyphicons.asp   * https://www.w3schools.com/bootstrap/bootstrap_glyphicons.asp
 +
  
 <html> <html>
Ligne 75: Ligne 81:
   * https://getbootstrap.com/docs/5.1/components/buttons/   * https://getbootstrap.com/docs/5.1/components/buttons/
 ====== Validation ====== ====== Validation ======
-ajout **required** 
 <code html> <code html>
 <div class="mb-3"> <div class="mb-3">
Ligne 85: Ligne 90:
 </div> </div>
 </code> </code>
 +
 +====== Dark mode ======
 +ajouter
 +
 +<code html>
 +data-bs-theme="dark"
 +</code>
 +
 +à l'élément
 +    <html>
 +
 +ou à un élément précis, p. ex.
 +     <table class="table" data-bs-theme="dark">
 +
 +Doc: https://www.w3schools.com/bootstrap5/bootstrap_dark_mode.php
  • info/css/bootstrap.1765446910.txt.gz
  • Dernière modification : 2025/12/11 10:55
  • de radeff