0

Twitter ブートストラップのバージョン 2.1 以降、私のボタンは、ボタンの前のテキストと垂直方向に整列しなくなりました。

どうやら、以前のバージョンでは btn クラスに left: float がありましたが、現在はそうではありません。

この変更に適応するためにページを変更するのは私次第だと思いますが、変更方法がわかりません。

バージョン 2.0 でどのように見えるかを以下に示します: http://jsfiddle.net/Sherbrow/5N6FQ/

これはバージョン 2.1 のものです: http://jsfiddle.net/ndemoreau/UKwEU/

私に何ができる？

ありがとう！

4

2 に答える 2

1

2.0 と 2.1 の間には多くの変更があり、その多くはフォント サイズと行の高さに関係しています。これが私が思いついたものです：デモ（jsfiddle）

h1 small { vertical-align: middle; }
h1 small .btn-group {
    display: inline-block;
    vertical-align: text-top;
}

これが本当に中心にあるとは思えませんが、十分に近いはずです。実際の条件 (異なるボタン サイズなど) で機能しない場合は、マージンを試してください。

Firefox 15、Google Chrome 24、IE 9 でテスト済み。

于 2012-09-22T13:07:08.563 に答える
0

テーブル内のテキストとボタンを別々のセルにラップすると、ほぼ解決策が得られます。次に、パディングを使用して、ボタンを必要な場所に正確に配置できます。

必要な css はこれだけで、ポジショニングを細かく制御できます。

.textbefore  {  }
.buttonafter { padding-top: 4px; padding-left: 8px; }

動作中のJSFiddle Demo。

于 2013-08-07T10:04:17.100 に答える