問題タブ [navbar]

このサイトのナビゲーションバーを（自動的に）中央に配置したい。また、ナビゲーション領域の約70％に広がる1pxのborder-topと1pxのborder-bottomが必要です。

完了すると、このモックアップのようになります。

TwitterBootstrapがインストールされたRailsアプリがあります。Bootstrapは、次のように、各ナビゲーションバーリンクをHTMLリスト要素にカプセル化します。

リンクが現在のページである場合、Bootstrapでは、次のように、リスト要素のクラス（リンク自体ではない）を「アクティブ」に設定することで、リンクを強調表示できます。

私の質問は、Railsを使用してプログラムでリスト要素のクラスを「アクティブ」（現在のページの場合）に設定するにはどうすればよいですか？

リンクに対してどのように実行できるかを知っています。例：

しかし、親リスト要素に対してどのように実行できるかわかりません。

私はたくさんのチュートリアルを読み、ここで質問に対するたくさんの答えを読みました。何が起こっているのか理解できません。bootstrap.css、bootstrap-sensitive.css、bootstrap.js、jquery、bootstrap-dropdown.jsの順にリンクしています。ページソースからそれぞれをクリックすると、正しく表示されます。ただし、ドロップダウンをクリックしても何も起こりません。そのためのhtmlコードは次のとおりです。

誰かアイデアがあれば教えてください。

私はこれを尋ねなければならないモロンのように感じますが、私は常にCSSを回避してきました。そして今、再びそれを必要としていることに気付いたので、運が悪かった例としてGoogleを清掃してきました。

基本的に、各カテゴリに固有のアイコンがあり、これらを使用してCSS / HTMLで水平ナビゲーションバーを作成したいのですが、その下にもテキストリンクを表示したいと思います。どちらか一方を実行するためのスニペットを見つけましたが、2つを組み合わせようとするたびに、ページ全体が壊れているように見えます。

誰かがこれを行う方法の例を提供できますか？それが役立つなら、それは基本的に次のようになります...

要素を中央に配置する方法を見つけようとして、このコードを 1 時間半ほどいじりました。私の div は ul または li に影響を与えていないようで、中央に配置する方法がわかりません。私は決してプロではありません.水平であること]。誰か助けてくださいTT

ここで私が今得たもののライブプレビューを見てください

ここにコードがあります

Ipad の navigationController.view でビューをサブビューとして表示する際に問題があります。viewController (navBar 付き) に透明な背景のビューを表示する必要がありますが、向きを変更すると、navBar がビューの前景に表示されます。シンプルなビューベースのアプリを作成しました。ここで、プロジェクトに追加したコード:

学習プロセスとしてHTML5/CSS3を試していますが、ページ全体の他のセクションへのリンク用のナビゲーションバーを作成するのに苦労しています。見つかったチュートリアルのコードを適応させましたが、動作しますが、1080pの解像度で表示した場合にのみ、幅が小さい場合、バーは他の行に折り返されます。

ユーザーが使用している解像度に関係なく、ナビゲーションバーが1行だけ（収まるように縮小）するようにするにはどうすればよいですか？

これがナビゲーションバーのCSSコードです。navの下で、ボタンを中央に配置するために、幅を33.3％に設定し、パディングを同じに設定していることに注意してください。これが原因かどうかはわかりません。

Twitter や Facebook のように安定したナビゲーション バーを作成するにはどうすればよいですか? これらのサイトでは、ナビゲーション バーはひるむことさえありません。常に表示され、ページのコンテンツのみが変更されますか? どうすればそのようなことができますか？

いくつかのオプションを試しましたが、ナビゲーション バー全体に 4 つのリンクを配置することができません。span3それぞれにクラスを追加するのはとても簡単だと思いました<li>。ここに私のHTMLがあります：

リンクを中央に配置するために、ここで説明するソリューションを使用しました: Twitter ブートストラップ navbarの変更

CSSは次のとおりです。

私が何とか得たのはこれだけです: これらの4つのリンクを同じ行にまたがらせるにはどうすればよいですか?

私は2つを使用しています

アプリケーションのフッター ナビゲーション バーにボタンを入力して、アプリケーションの機能をトリガーします (ナビゲーション用ではありません)。ボタンを押すたびに、ナビゲーションバーの別のボタンが押されるまで、ボタンが押されたままになります。この動作を回避するにはどうすればよいですか?