Kullanıcıların tıklama başına farklı bölümlerini gösterebilen Twitter Bootstrap kullanarak tek bir statik HTML web sayfası nasıl yapılır

Profilimi barındırmak için basit bir web sitesi yapıyorum. Düzen için Twitter Bootstrap kullandım.

Web sitemde 4 bölüm (A, B, C, D) var. Dört farklı html dosyası kullanıyorum (yani A.html, B.html, C.html, D.html ilgili bölümdeki metni kaydetmek için Dört html dosyasının hepsinde aynı başlık metnini (gezinme için) kullanmalıyım.

Sadece bir html dosyası kullanabilmemin bir yolu var mı? index.html ve karşılık gelen gezinti çubuğuna tıkladığında, bölüm?

Sadece statik web sayfalarını kullanabilirim. Kullandığım web barındırma hizmeti yalnızca PHP vb. Olmayan statik sayfalara izin veriyor.

Neyi başarmaya çalıştığınıza bağlı olarak çeşitli seçenekler vardır:

1. Amaç, ayrı içeriği A, B, C ve D dizininde tutmak ise, içeriği bu sayfalardan yüklemek ve görüntülemek için AJAX'ı kullanabilir. Navigasyondaki her tıklama, içeriği ilk defa bir içeriğe yükler. <div> ve gösterin ya da zaten yüklü olduğunu tespit edin ve diğer bölümleri gizlerken gösterin.

2. Eğer sunucu bir çeşit sunucu tarafını destekliyorsa, gezinme her sayfaya dahil edilebilir. Bunun mümkün olup olmadığını belirlemek için soruda yeterli bilgi yoktu.

3. Index.html tüm içeriği içerecek ve yalnızca seçili kısmı gösterecek şekilde yapılayın. Bu, içerik boyutu büyüdükçe ölçeklenemez ve tüm içeriği önceden yükler, ancak bazı durumlarda yararlı olabilir.