Introduction de Bootstrap

Par Clouder le 05 Nov 2019 (Édité) 0 +99

Bootstrap est une bibliothèque d'outils utiles et facile d'utilisation pour rendre votre site design.


C'est une bibliothèque qui réunit l'HTML et le CSS, des formulaires, des boutons, des outils de navigation et d'autres éléments interactifs, ainsi que des extensions JavaScript en option. Bootstrap est l'un des Framework les plus populaires pour débuter.


Bootstrap vous permettra de rendre votre site rapidement propre et également responsif, c'est-à-dire que votre site s'adaptera en fonction de la taille de l'écran. 👌


Vous souhaitez ajouter Bootstrap à votre projet ? 😎


Alors c'est partie ! 👊


CSS


<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">


JS


<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


Bootstrap vous propose même de démarrer avec un modèle de départ pour vous simplifiez la vie ! 😁


Modèle de départ


<!doctype html>
<html lang="fr">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

    <title>Bonjour!</title>
  </head>
  <body>
    <h1>Voici votre première page avec Bootsrap !</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  </body>
</html>
Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !
Cette pub permet au site de vivre ...