BootStrap   Présenté Par : Adem Kouki 1. C’est Quoi BootStrap ?   Introduction C’est quoi BootStrap ?   Front-End Framework (Html, Css et Js).   Le Framework le plus fameux   et le plus utilisé dans le web.   Utilisé pour faciliter et accélérer le développement web.   La Version Stable est 3.3.7   La Dernière Version est 4.0.0 C’est quoi BootStrap ? C’est quoi BootStrap ?   Front-End Framework (Html, Css et Js).   Le Framework le plus fameux   et le plus utilisé dans le web.   Utilisé pour faciliter et accélérer le développement web.   La Version Stable est 3.3.7   La Dernière Version est 4.0.0 C’est quoi BootStrap ?   Front-End Framework (Html, Css et Js).   Le Framework le plus fameux   et le plus utilisé dans le web.   Utilisé pour faciliter et accélérer le développement web.   La Version Stable est 3.3.7   La Dernière Version est 4.0.0 Pourquoi Adopter BootStrap ?   Un Site Internet c’est comme une Voiture. Pour la créer, il faut de multiples matériaux que l’on imbrique pour former un véhicule prêt à rouler Pourquoi Adopter BootStrap ?    

•  Save +100 Hours of Coding

•  Easy To Use Web Elements

•  Responsive

•  Great Documentation

    Front-End Framework (Html, Css et Js).   Let’s Get Started ! Installation de Bootstrap  

• L'installation est Simple

  http://getbootstrap.com BootStrap (CDN)  

• En utilisant Le CDN ‘‘Content Delivery Network’’

  <!–- Bootstrap 3.3.7 -->    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>   Les librairies ne fonctionneront pas si vous développer en local sans connexion internet  3. La Grille de Bootstrap La Grille de Bootstrap  

Extra Small Devices (Phone)

Small Devices (Tablet)

Meduim Devices (Desktop)

Large Devices (Large Screen)

  Le Framework le plus fameux   et le plus utilisé dans le web.   Utilisé pour faciliter et accélérer le développement web.   La Version Stable est 3.3.7   La Dernière Version est 4.0.0 Relation entre Container, Row & Column   Container   <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> </tr> </table>   Row   Column   Column   Column   Row   Column Les Classes les plus utilisés   .container .container-fluid .row .col-md-* .btn .btn-primary .btn-success .btn-info .form-group .form-control .control-label       .img-responsive .img-circle .hidden-* .text-center .pull-right .pull-left .center-block télécharger gratuitement cour BootStrap