Vous êtes sur la page 1sur 4

Tutoriels pour maîtriser « Bootstrap, from Twitter »

Extrait du site archivé - CMS-SPIP


http://icp.ge.ch/sem/cms-spip/spip.php?article1682

Tutoriels pour maîtriser «


Bootstrap, from Twitter »
- CSS, HTML, jQuery, RWD - RWD : Responsive Web Design -

Date de mise en ligne : jeudi 14 juin 2012

Description :

Le framework HTML, CSS, and Javascript « Bootstrap from Twitter », distribué sous license libre Apache v2.0, est l'intégration harmonieuse d'une librairie de
tous les éléments d'interface qu'on trouve sur les applications de la compagnie Twitter.

Ce framework permet de créer l'interface d'un site ou d'une application « Responsive Web Design » (RWD) dotée d'une interface élégante, avec un effort
site archivé - CMS-SPIP
minimal, et cela avec une garantie maximale de compatibilité entre les divers navigateurs.

Copyright © site archivé - CMS-SPIP Page 1/4


Tutoriels pour maîtriser « Bootstrap, from Twitter »

Présentation de « Bootstrap from Twitter »


« Bootstrap from Twitter » est un des nombreux outils du « Responsive Web Design (RWD) » qui viennent bousculer
notre confort et nous oblige à un nouvel effort d'adaptation pour ne pas mourir sur le bord de l'autoroute du Web.

Nous avons déjà parlé de « Bootstrap from Twitter » dans l'article « Responsive Web Design (RWD) » dans SPIP :
Intégrer « Bootstrap, from Twitter » dans un CMS..., aujourd'hui nous nous intéressons à son apprentissage car il
est particulièrement intéressant.

Le framework HTML, CSS, et Javascript « Bootstrap from Twitter », distribué sous license libre Apache v2.0, est
l'intégration harmonieuse d'une librairie de tous les éléments d'interface qu'on trouve sur les applications de la
compagnie Twitter.

Ce framework permet de créer une interface élégante et optimisée pour un site ou une application « Responsive
Web Design » (RWD), avec un effort minimal et cela avec une garantie maximale de compatibilité entre les divers
navigateurs.

« Bootstrap from Twitter » comprend tous les éléments d'interface les plus courants, tels que la navigation, les
boutons, les étiquettes, les tableaux, les alertes, les barres d'avancement, les formulaires, etc.

Pour plus d'information on lira avec profit non seulement le site officiel de « Bootstrap, from Twitter » et son blog «
The Official Twitter Bootstrap Blog » mais également les trois articles de présentation que sont « La révolution
des cadriciels d'interface », « Twitter Bootstrap, framework CSS - JS » et « Créez facilement un site avec
Bootstrap Twitter ».

D'autre part les tutoriels vidéo ci-dessous (et d'autres) vous aiderons à maîtriser ce framework RWD :

Tutoriel vidéos

Copyright © site archivé - CMS-SPIP Page 2/4


Tutoriels pour maîtriser « Bootstrap, from Twitter »

Et deux tutoriels vidéos qui décrivent d'anciennes


versions de Bootstrap, mais en français

Tutoriel Vidéo HTML-CSS : Bootstrap CSS from Twitter

Dans ce tutoriel vidéo je vous propose de découvrir le Bootstrap Twitter. Ce kit CSS vous permettra de commencer
vos projet web avec une base CSS solide en attendant de créer votre propre feuille de style CSS.

Tuto vidéo #1 : Découverte du bootstrap de twitter !

Sources, documentation
• Bootstrap, from Twitter
Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.
http://twitter.github.com/bootstrap/

• The Official Twitter Bootstrap Blog


Announcements, discussions, and more for Bootstrap
http://blog.getbootstrap.com/

• La révolution des cadriciels d'interface


Publié le 27 mars 2012 par Etienne
http://www.adviso.ca/blog/2012/03/27/framework-interface/

• Twitter Bootstrap, framework CSS - JS


Publié le 4 octobre 2011 par Mathieu Robin
http://www.mathieurobin.com/2011/10/twitter-bootstrap-framework-css-js/

• Créez facilement un site avec Bootstrap Twitter


http://apprendre-linux.com/creez-facilement-un-site-avec-bootstrap-twitter,594.html

• Bootstrap : un kit CSS et plus !


Par bestmomo, Mise à jour : 01/07/2012
Difficulté : Intermédiaire Intermédiaire Durée d'étude : 4 jours
http://www.siteduzero.com/tutoriel-3-683140-bootstrap-un-kit-css-et-plus.html?pdf=1&all=1
Vous créez des pages web et vous passez beaucoup de temps avec le CSS ?
• Alors Bootstrap est fait pour vous et ce cours va vous guider dans la découverte de cette puissante boîte à
outil. Bootstrap est un framework qui peut rendre votre vie de plus facile pour créer l'architecture d'une page
web.
• Mais Bootstrap va bien plus loin qu'offrir du code CSS déjà bien organisé et structuré. Il offre aussi des
plugins jQuery de qualité pour enrichir vos pages.
• Vous êtes prêt ? Bon on y va mais il serait bien pour profiter pleinement de ce cours de posséder quelques
connaissances :
• La base indispensable est de bonnes notions en HTML et CSS. Vous avez des lacunes ? Comblez-les

Copyright © site archivé - CMS-SPIP Page 3/4


Tutoriels pour maîtriser « Bootstrap, from Twitter »
avec le cours de Mateo
• Pour comprendre la mise en oeuvre des plugins jQuery vous aurez besoin des quelques bases dans
ce domaine. Il vous en manque, alors vous pouvez réparer ça ici.
• Si vous voulez modifier Bootstrap pour l'adapter à vos besoins il vous faudra connaître LESS. Là aussi
vous avez besoin d'un coup de main ? C'est ici.

• CSS Bootstraps et autres réjouissances


09/02/2012 | Posté dans Technique
http://www.webdesignertrends.com/2012/02/css-bootstraps-et-autres-rejouissances/

Copyright © site archivé - CMS-SPIP Page 4/4