Bootstrap

Objectif

Contenu

• Qu’est ce que Bootstrap ?
• Les concurrents
• Mise en place de Bootstrap
• Organisation des fichiers

Le système de grille

• Structure HTML recommandée
• Grille Et Grille Fluide
• Lignes et colonnes
• Classes utiles pour le Responsive Design

Les Styles CSS prédéfinis

• Typographie
• Blocs de code
• Tables
• Images
• Formulaires
• Helpers

La navigation

• Boutons
• Boutons déroulants
• Groupes de boutons
• Boutons Pills
• Onglets
• Listes
• Barre de navigation
• Fil d’Ariane
• Pagination

Les éléments de mise en page

• Jumbotrons En-têtes de page
• Vignettes
• Barres de progression
• Panels
• Objets Média

Les Scripts Javascript intégrés

• Mise en place de Javascript
• Transitions
• Modal
• Dropdown
• Scrollspy
• Tab
• Tooltip
• Popover
• Alert
• Button
• Collapse
• Carousel
• Affix

Ressources Bootstrap

• Export personnalisé de Bootstrap
• Templates Bootstrap
• Utiliser Jquery UI et Jquery Mobile
• Projets basés sur Bootstrap
• Outils de mise en page et de personnalisation

Annexe : Introduction à LESS

• Mise en place
• Variables
• Opérations
• Mixins
• Règles imbriquées