1

html と css の使い方を学んでいるところですが、先生から Bootstrap を使うように言われました。明らかにとてもクールですが、ボタンを作成しようとすると、長方形のボタン全体ではなく、ボタン内のテキストだけが実際にリンクのように機能します。それらを機能させるために、縮小されたブートストラップjavascriptファイル以上のものが必要かどうかはわかりません。

これが私のhtmlです。また、「$('.nav-tabs').button()」という行を頭に追加し、ブートストラップのjavascriptファイルも追加しました。何かアドバイス？私のhtmlはおそらくかなりぎこちないことを知っています.私の先生は物事を説明するのが得意ではないので、うまくいくようになるまで物事をいじっていました.

<div class="btn-toolbar">
    <div class="row-fluid">
        <div class="span2 offset2">
        <div class="btn btn-primary">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20profile%20-%20final.html">
                Profile
            </a>
        </div>
    </div>
    <div class="span2 offset.5">
        <div class="btn">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20writing%20-%20final.html">
                Writing
            </a>
        </div>
    </div>
    <div class="span2 offset.5">
        <div class="btn">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20music%20-%20final.html">
                Music
            </a>
        </div>
    </div>
    <div class="span2 offset.5">
        <div class="btn">
            <a href="http://students.cec.wustl.edu/~amd4/Portfolio/portfolio%20-%20photos%20-%20final.html">
                Photography
            </a>
        </div>
    </div>
</div>
4

2 に答える 2

2

タグclass="btn btn-primary"から を取り外し、タグに付けますdiva

http://twitter.github.com/bootstrap/base-css.html#buttonsを参照してください

...通常、最適なレンダリングのために、これらを<a>および要素のみに適用する必要があります。<button>

于 2013-03-29T17:40:27.663 に答える
1

aタグにクラスを追加していないようです。このようなものを使用する必要があり<a href="#" class="btn btn-primary">New button</a>ます。これにより、テキスト New ボタンの付いたボタンが表示されます。

あなたが使う <a href="#" class="btn btn-primary btn-large">Big Button</a>

大きな青いボタンの場合。

于 2013-03-29T17:41:55.467 に答える