0

ブートストラップを使い始めました。そして、3 つのボタンがある行が必要です。ボタンの高さと幅は同じにする必要があります。どうすればこれを達成できますか？

私は次のことを思いつきましたが、これによりボタンの高さが異なります。

<div class="row-fluid">
    <div class="span2 offset1">
        <a href="#" class="btn btn-info btn-block">
            <div class="buttonbody">
                <img src=".." />
                <p>Button1<br />Second row<p>
            </div>
        </a>
    </div>
    <div class="span2 offset1">
        <a href="#" class="btn btn-info btn-block">
            <div class="buttonbody">
                <img src=".." />
                <p>Button2<p>
            </div>
        </a>
    </div>
    <div class="span2 offset1">
        <a href="#" class="btn btn-info btn-block">
            <div class="buttonbody">
                <img src=".." />
                <p>Button3<p>
            </div>
        </a>
    </div>
</div>
4

2 に答える 2

1

簡単な回答: http://jsfiddle.net/D2RLR/2942/

長い答え:

次のコードは、必要なことを行います。

<div class="container">
    <a href="#" class="btn"><strong>Button 1</strong></a>
    <a href="#" class="btn"><strong>Button 2</strong></a>
    <a href="#" class="btn"><strong>Button 3</strong></a>
</div>​

これは同じためのチュートリアルです。

詳細については、Twitter のブートストラップ ドキュメントとbootsnipp.comを参照することをお勧めします。

あなたのコメントから、あなたが使用していると言うように<br/>、次を使用できます: fiddle、

<div class="container">
<a href="#" class="btn"><strong>Button 1<br/>Second row</strong></a>
<a href="#" class="btn"><strong>Button 2<br/>&nbsp;</strong></a>
<a href="#" class="btn"><strong>Button 3<br/>&nbsp;</strong></a>
</diV>​
于 2012-10-26T07:14:26.897 に答える