1

3回目の繰り返しごとに別のdivを閉じて開くスクリプトを作成しました。スクリプトは、「span6」のクラスで div を開きます。

ブートストラップを使用しているため、ブートストラップは、span12 div 内にある span6 div に自動的に整列する必要があります。しかし、それは起こっていません。彼らはお互いの下に来ています。インスペクト要素のウィンドウでは、すべてのマークアップは問題なく、エラーはありません。

なぜそれが起こっているのですか？

コード：

JS:

var a = '<div class="span6">';

var length = tag_array.length;

for (var i = 0; i < length; i++) {


    a += '<div class="tag">' + toTitleCase(tag_array[i]) + '</div>';

    if (i % 3 == 2) {

        a += '</div><div class="span6">';
    }

}

a += '</div>';

document.write(a);

HTML:(検査要素ウィンドウのスクリーンショット) ここに画像の説明を入力

コードはホバーした行から選択した行までです。

助けてください。

4

2 に答える 2

2

あなたのグリッド形式は無効です。span*要素は要素として親を持つ必要がありrow-fluidます。あなたの場合、span6要素は親として持っていますspan12。

参照: http://jsfiddle.net/arunpjohny/pHf6y/2/

そのはず

<div class="row-fluid">
    <div class="span12">
        <div class="row-fluid">
            <div class="span6">1</div>
            <div class="span6">2</div>
        </div>
    </div>
</div>

また

<div class="row-fluid">
    <div class="span6">1</div>
    <div class="span6">2</div>
</div>
于 2013-09-29T07:36:34.310 に答える
1

バージョン 3.0.0 では .col-xs-[1-12] または .col-sm-[1-12] または .col-md-[1-12] または col-lg-[1- を使用していると思います12]。

于 2013-10-05T19:21:29.187 に答える