Bootstrap is over the admin bar

I have a display problem with my theme, Bootstrap is over the administrator bar.

The first screenshot is normal (the theme works with CDN).
The second screenshot is not correct (theme works without CDN)

Here is the content of bootstrap_subtheme_front_office.libraries.yml (without CDN) :

global-styling:
  css:
    theme:
      font-awesome/css/font-awesome.min.css: {}
      bootstrap/dist/css/bootstrap.min.css: {}
      css/bootstrap-cosmo.min.css: {}
      css/style.css: {}

bootstrap-scripts:
  js:
    bootstrap/js/affix.js: {}
    bootstrap/js/alert.js: {}
    bootstrap/js/button.js: {}
    bootstrap/js/carousel.js: {}
    bootstrap/js/collapse.js: {}
    bootstrap/js/dropdown.js: {}
    bootstrap/js/modal.js: {}
    bootstrap/js/tooltip.js: {}
    bootstrap/js/popover.js: {}
    bootstrap/js/scrollspy.js: {}
    bootstrap/js/tab.js: {}
    bootstrap/js/transition.js: {}

- The space between the search bar and "Nous contacter" is not correct.
- The space between the logo and "Accueil" is not correct.
- The space at the bottom of the page is not correct (not visible on screenshots).
- The space between the "Envoyer le message" and "Aperçu" buttons is not correct (not visible on screenshots).

How do I make my page look like the first screenshot ?