ALIGN動的なカードが水平にAJAXを使用する方法はありますか?

マナリーチ:

私は、水平方向に自分のカードを作るしようとしていますが、問題は、私は私のデータをフェッチAJAXを持っており、それが動的です

私はちょうど私のページに2枚のカードのすべての行を必要とします

ここに私のAjaxのスクリプトコードがあります

for(i=0; i<data.length; i++){
    html +='<div class="col-md-6">'+
        '<div class="card" style="width: 15rem; text-align:center;display:inline-block;">'+
            '<div class="card-body">'+
                '<h5 class="card-title">'+data[i].group_name+'</h5>'+
                        '<h6 class="card-subtitle mb-2 text-muted">Modify your Group</h6>'+
                            '<a href="javascript:;" class="btn btn-info item-edit" data="'+data[i].id+'"><span class="iconify" data-icon="feather:edit" data-inline="false"></span></a>&nbsp;'+
                            '<a href="javascript:;" class="btn btn-primary item-delete" data="'+data[i].id+'"><span class="iconify" data-icon="dashicons:remove" data-inline="false"></span></a>'+
            '</div>'+
     '</div>'+
    '</div><hr>';
    }
$('#showdata').html(html);

そして、htmlで

 <div class="container">
        <div class="row">

            <div id="showdata"></div>

        </div>
    </div>
haron68:

私は何を持っていることはほとんど罰金だと思います。代わりに、別のHTMLを更新する<div id='showdata'>あなたの行とそれを組み合わせます。

 <div class="container">
    <div id='showdata' class="row"></div>
 </div>

おすすめ

転載: http://43.154.161.224:23101/article/api/json?id=347358&siteId=1