Site Responsive + fullpage.js

Bonjour,

je dois faire un site responsive, j'utilise bootstrap, fullpage.js sur un projet symfony.

je rencontre un problème avec fullpage.js.

Dans un premier temps, j'ai une page avec un menu et plusieurs section. Dans ces sections, j'ai du contenue et des slides.
Dans mes slides, j'affiche 3 articles pour la version ecran, 2 pour la version tablette et 1 pour la version mobile

Et je pensais pouvoir utiliser les classes de bootstrap avec un visible-lg, hidden-md etc...
Mais en faisant cela, mon menu ne fonctionne plus, en effet lorsque j'affiche le code source de ma page je me retrouve avec tous les blocs qui ne devraient pas être visible. Donc ce qui fait que j'ai plusieurs foi le même id donc fullpage.js se perd complètement.

Donc comment faire pour supprimer du code en fonction de la taille de l'écran ?
j'avais pensé à faire une variable php que je rempli en js pour ensuite la renvoyer et faire des conditions en php mais je ne sais pas si ça se fait !