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
