2

Twitter Bootstrap(v2.1.1)を使用しており、さまざまなナビゲーションバー要素の位置/配置をカスタマイズしようとしています。

ナビゲーションバーの簡略化されたバージョンを示すjsFiddleは次のとおりです。

http://jsfiddle.net/fmdataweb/nhnH6/2/

検索入力フォームを、最後の「ドロップダウン2」のすぐ前に揃えて表示したいと思います。私は変更してみました:

<form class="navbar-search pull-left" action="">

に:

<form class="navbar-search pull-right" action="">

しかし、それは検索入力を最後のナビゲーションバー項目にし、私が達成しようとしている最後から2番目の項目ではありません。

これにより、検索入力フォームを最後から2番目に右揃えにすることはできますか?

ありがとう

4

1 に答える 1

6

右揃えの2つの要素をdivに入れることができます。

<div style="display: inline-block;" class="pull-right"> ... </div>

実用的なサンプルは次のとおりです:http://jsfiddle.net/nhnH6/3/

于 2012-09-17T13:51:39.077 に答える