wiki.juguerin.com

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== Pré-requis ======

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

  - Installer tout le code source de Bootstrap
  - 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):
<code html5>
       <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”> 
</code>  

Et pour le javascript:
<code>
           <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>
</code>

wiki.juguerin.com

Outils pour utilisateurs

Outils du site

Outils de la page