Twitter的引導：側欄導航，維護

我提前道歉，如果這是一個愚蠢的問題，但我是新來引導和一般的UI設計。Twitter的引導：側欄導航，維護

話雖這麼說，我的問題是圍繞着維護左側導航欄。假設我的導航欄列出了四個鏈接...對於我來說這將是四個單獨的源HTML文件...每個都有自己的導航副本。所以，如果我添加第五頁到我的網站，我必須編輯五個文件（原來的四個更新導航+新頁面）。

在我已經做了搜索，似乎沒什麼有HTML片段（以及我想這個內容到Web服務器/應用服務器之外運行），沒有什麼好辦法。此外，我的真實場景可能接近15頁，因此只是將其製作成一個大文件，然後使用jquery顯示/隱藏鏈接內容的想法可能不是一種選擇。 Bootstrap中是否有任何組件可以提供幫助？或者一般的工具？

我給了一些思考，只是寫一個預處理器生成的網站，但我所有的使用其他人率先發明瞭輪子！

謝謝！

來源

2012-06-06 Matt Felzani

不幸的是，沒有一種方法，包括一個HTML文檔（還）內從其他文件的HTML代碼或片段。這是HTML的一個缺點，並且難以保持所有頁面上的所有數據都一樣。我發現這樣做的最好方法是通過AJAX將所有頁面加載到一個頁面中（例如，單擊按鈕時，將HTML文件加載到主內容部分中）或使用PHP創建一個主索引文件包括基於$_GET['']變量的內容。

這一點的一個蹩腳的情況看作爲引導就像是一個「殺二鳥一石」類型的框架，但它大多是靜態的。

來源

2012-06-06 14:07:34

的感謝！我與一個給我另一個使用jquery組裝頁面的人搭車。他表示可以用多個文件完成，然後在頁面加載時動態獲取正確的內容div（當然，我的每個導航都只有一個div）。雖然它遠非一個很好的解決方案，但我認爲它也可用，因爲它不會違反我的「一個巨大的文件」限制。 –

你說得很對，你會重新發明自己的預處理器，因爲有很多事情已經做得非常好。當然，這可以在全內容管理平臺來完成像WordPress或編寫自己的PHP等

你可能想通過檢查Jekyll，一個基於Ruby的預處理是組裝一個站點開始。它使用Liquid來創建模板（你也可以使用沒有Jekyll的純液體）。在需要導航欄的每一頁上，您只需添加

{% include navbar %}

然後有一個小的html片段來描述您的導航欄。那麼你只需要在一個地方編輯html。 Jekyll有一個活躍的社區，Jekyll-bootstrap可能是一個學習如何開始使用Jekyll的簡單方法，特別是如果您已經知道/計劃使用twitter-bootstrap。

還有很多其他類似的項目，其他你可能看是ruhoh和yst

來源

2012-06-06 16:30:59 cboettig

感謝您的提示。這兩個答案都是出色的質量，所以我要與年表領先破發者。謝謝！ –

Twitter的引導：側欄導航，維護

回答

相關問題