Pré-requis

Avant de pouvoir utiliser Bootstrap, nous avons 2 possibilités:

  1. Installer tout le code source de Bootstrap
  2. Appeler le code qui vient directement du site Bootstrap

Pour notre projet, nous avons choisis d'installer le code source, permettant de gagner un peu de temps de chargement.

En revanche dans les 2 cas, il faut appeler en html les fichiers css et javascript qui nous servirons.

Cela donne pour le css (avec utilisation de twig):

       <link href={{ asset(‘assets/css/bootstrap.min.css’) }}rel=“stylesheet”>
       <link href={{ asset(‘assets/css/bootstrap-grid.min.css’) }}rel=“stylesheet”>
       <link href={{ asset(‘assets/css/bootstrap-reboot.min.css’) }}rel=“stylesheet”>
       <link href={{ asset(‘assets/css/jquery.dataTables.min.css’) }}rel=“stylesheet”>
       <link href={{ asset(‘assets/css/dataTables.bootstrap4.min.css’) }}rel=“stylesheet”>
       <link href={{ asset(‘assets/css/sweetalert2.min.css’) }}rel=“stylesheet”> 

Et pour le javascript:

           <script src=“{{ asset(‘assets/js/jquery-3.3.1.min.js’) }}“></script>
           <script src=“{{ asset(‘assets/js/bootstrap.min.js’) }}“></script>
           <script src=“{{ asset(‘assets/js/bootstrap.bundle.min.js’) }}“></script>
           <script src=“{{ asset(‘assets/js/jquery.dataTables.min.js’) }}“></script>
           <script src=“{{ asset(‘assets/js/dataTables.bootstrap4.min.js’) }}“></script>
           <script src=“{{ asset(‘assets/js/sweetalert2.min.js’) }}“></script>