info:css:bootstrap

Action disabled: source

Bootstrap

note FredR: perso je suis pas trop pour l'uniformisation, mais bootstrap c'est l'exception… un peu le costume mao du responsive web… et il y a aussi les glyphicons qui sont un développement très intéressant de bootstrap

Bootstrap est une collection d'outils utile à la création du design (graphisme, animation et interactions avec la page dans le navigateur … etc. …) de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option. C'est l'un des projets les plus populaires sur la plate-forme de gestion de développement GitHub. (source: wikipédia)

bouquin à lire

Envelope icon:

Search icon:

 <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p> 
 <p>Search icon: <span class="glyphicon glyphicon-search"></span></p>

Image responsive

<img class=img-responsive src=img/image.png/>

Cette classe ajoute les propriétés suivantes à l'image :

max-width : 100%;
heigth: auto;
display: block;

Navigation

Table

<table class="table table-striped table-bordered table-hover table-responsive">

Note Fred

Les tables bootstrap sont pas mal, mais si on veut du vraiment responsive et qu'on est prêt à abandonner le scroll de défilement vertical, voir cette élégante solution de grakifart: https://www.grafikart.fr/tutoriels/html-css/table-responsive-1015

Forms / buttons

  • info/css/bootstrap.txt
  • Dernière modification : 2022/09/30 08:13
  • de radeff