Layout à 100%

Suggestion :

Je trouve dommage que l'espace en largeur n'occupe pas 100%, au moins la moitié sur mon écran est occupée par des bandes grises, cela serait bien plus pratique pour les images qui sont très courantes et que l'on voit tout le temps stretchées, idem pour les vidéos, plus besoin de passer par youtube. Il faudrait du responsive progressif, la pulpart des gens maintenant ont des définitions > 1024.

Voici le code à mettre dans ton CSS (après bootstrap)

@media (min-width: 1200px) {
.container {
width: 100%;
}
}

Cela règle le problème et ne concerne que les écrans avec une résolution élevée

Sinon cela peut être fait de différentes manières, réduire la taille des bandeaux gris (80/90%), activer cette gestion pour des écrans plus larges.

Mettre une bouton full page (mettre en session, l'ordre, ajouter le code CSS en question).

Rendu avec bandeaux gris sur écran >1400