2

これがばかげた質問である場合は事前に謝罪しますが、私は一般的にBootstrapとUIデザインに不慣れです。

そうは言っても、私の質問は左ナビゲーションのメンテナンスに関するものです。私のナビゲーションに4つのリンクがリストされているとしましょう...私にとっては、4つの別々のソースHTMLファイルになります...それぞれに独自のナビゲーションのコピーがあります。したがって、自分のサイトに5番目のページを追加する場合は、5つのファイルを編集する必要があります（ナビゲーションを更新するための元の4つと新しいページ）。

私が行った検索では、HTMLフラグメントを作成する良い方法は本当にないようです（また、このコンテンツをWebサーバー/アプリサーバーの外部で実行したいのです）。さらに、私の実際のシナリオはおそらく15ページに近いので、1つの大きなファイルにしてから、jqueryを使用してリンクのコンテンツを表示/非表示にするというアイデアはおそらくオプションではありません。Bootstrapにそれを支援するコンポーネントはありますか？または一般的なツールはありますか？

サイトを生成するプリプロセッサを作成することだけを考えましたが、他の人が最初に発明したホイールを使用することに全力を注いでいます。

ありがとう！

4

2 に答える 2

1

Unfortunately, there is not a way to include HTML code or fragments from other files within an HTML document (yet). This is the one downfall to HTML and makes it difficult to keep all data the same across all pages. The best way I have found doing it is either load all pages via AJAX in one page (for example, when a button is clicked, an html file is loaded into the main content section) or by using PHP to have one main index file that includes content based on $_GET[''] variables.

It's a bit of a crappy situation seeing as Bootstrap is like a "kill 2 birds with one stone" type of framework, but it's mostly static.

于 2012-06-06T14:07:34.993 に答える
1

あなたはまったく正しいです、あなたはあなた自身のプリプロセッサを構築するために車輪を再発明するでしょう、なぜならこれをすでに非常にうまくやっているものがいくつかあるからです。もちろん、これはワードプレスのような完全なコンテンツ管理プラットフォームで、または独自のPHPを作成することによって行うことができます。

まず、サイトをアセンブルするルビーベースのプリプロセッサであるJekyllをチェックすることから始めたいと思うかもしれません。Liquidを使用してテンプレートを作成します（Jekyllなしで純粋なLiquidを使用することもできます）。ナビゲーションバーが必要なすべてのページに、追加するだけです

{% include navbar %}

次に、ナビゲーションバーを説明する小さなhtmlフラグメントを作成します。そうすれば、HTMLを1か所で編集するだけで済みます。Jekyllには活発なコミュニティがあり、Jekyll-bootstrapは、特にtwitter-bootstrapの使用をすでに知っている/計画している場合は、おそらくJekyllの使用を開始するための簡単な方法です。

他にも似たようなプロジェクトがたくさんありますが、他にもruhohとystがあります。

于 2012-06-06T16:30:59.590 に答える