Comment créer une seule page Web HTML statique à l'aide de Twitter Bootstrap, qui peut afficher différentes sections en fonction du clic de l'utilisateur

Je fais un site simple pour héberger mon profil. J'ai utilisé Twitter Bootstrap pour la mise en page.

J'ai 4 sections (A, B, C, D) sur mon site web. J'utilise quatre fichiers html différents (i.e A.html, B.html, C.html, D.html ) pour enregistrer le texte correspondant des sections. Je dois utiliser le même texte d'en-tête (pour la navigation) dans les quatre fichiers HTML.

Est-il possible d'utiliser un seul fichier html? index.html et montrer le correspondant section lorsque l'utilisateur clique sur la barre de navigation?

Je ne peux utiliser que des pages Web statiques. Le service d'hébergement Web que j'utilise n'autorise que les pages statiques sans PHP, etc.

Il y a plusieurs options en fonction de ce que vous essayez d'atteindre:

1. Si l'objectif est de conserver le contenu séparé dans les index A, B, C et D, AJAX peut être utilisé pour charger le contenu de ces pages et l'afficher. Chaque clic dans la navigation chargerait le contenu pour la première fois dans une <div> et montrez-le, ou détectez qu'il était déjà chargé et montrez-le en cachant d'autres sections.

2. Si le serveur prend en charge une forme d’inclusion côté serveur, la navigation peut être incluse dans chaque page. La question ne contenait pas suffisamment d'informations pour déterminer si cela serait possible.

3. Structure index.html pour inclure tout le contenu et afficher uniquement la partie sélectionnée. Cela ne serait pas adapté à la taille du contenu et chargerait tout le contenu au début, mais peut être utile dans certains cas.