0

私は Twitter のブートストラップ css/less フレームワークがとても好きですが、最近ちょっとした問題を発見しました。

ボタンを付ける.spanXと、divと同じ幅になりません。

このJsfiddleを参照して、私の言いたいことの例を確認してください。下の写真では、どちらも.span4.

どちらも .span4 ですが、幅が異なります

span クラスの使い方が間違っているのでしょうか、それともバグなのでしょうか?


編集:

Mac osx the-new-catでchrome 23.0.1271.64を使用しています。

4

4 に答える 4

6

Twitter Bootstrap は、その目的のために BLOCK-LEVEL ボタン クラスを提供します。

http://twitter.github.com/bootstrap/base-css.html#buttonsを見てください- .btn-block クラスを<button>.

基本的に、次のよう<button>に aでラップする必要がある場合があります。<div>

<div class="span12">
    <button class="btn btn-block">my wide button</button>
</div>
于 2013-03-21T16:33:43.363 に答える
1

.alertサイズの違いの原因となる追加はpadding: 8px 35px 8px 14px;、それを上書きするか、.alert クラスを削除します

于 2012-11-27T11:34:52.170 に答える
0

この解決策を見つけました。この記事を見ることができます:

https://github.com/twitter/bootstrap/issues/3824

https://github.com/twitter/bootstrap/pull/5198

于 2012-11-27T11:41:52.907 に答える
0

ブラウザウィンドウのサイズを変更した後でも、表示される幅は同じです..

ブラウザのキャッシュをクリアして動作を確認し、現在使用しているブラウザとは別のブラウザで試してみてください。

于 2012-11-27T11:38:54.470 に答える