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)
- site officiel http://getbootstrap.com/
doc
- https://grafikart.fr/tutoriels/bootstrap (comme d'hab, les meilleurs tutos sont chez grafikart)
- Bootstrap : tutoriels et astuces, sur journaldunet
bouquin à lire
Glyphicons
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
- js datatables+bootstrap pour intégrer datatables
<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