Bir Web tasarımı üzerinde çalışıyorum ancak tab pane stabil çalışmıyor yardımcı olur musunuz yazdılan kodlar
<div class="col-md-9">
<div class="row">
<div class="col-md-12">
<div class="tabs tabs-bottom tabs-center tabs-simple">
<div class="tab-Title">
<ul class="nav nav-tabs">
@foreach(\Modules\Products\Entities\ProductCategories::take(6)->orderBy('order','asc')->get() as $category)
<li><a href="#tabsNavigation-{{$category->id}}" data-toggle="tab">{{$category->title}}</a></li>
@endforeach
</ul>
</div>
@foreach(\Modules\Products\Entities\ProductCategories::take(6)->orderBy('order','asc')->get() as $cat)
@foreach(\Modules\Products\Entities\Products::where('cid',$cat->id)->take(6)->get() as $product)
<div class="tab-content">
<div class="tab-pane" id="tabsNavigation-{{$cat->id}}">
<div class="center">
<div class="row">
<ul class="products product-thumb-info-list" data-plugin-options="{"layoutMode": "fitRows"}">
<li class="col-md-4 col-sm-6 col-xs-12 product"><span class="product-thumb-info"><a href="{{url('/urun/'. $product->slug .'/'.$product->id)}}"><span class="product-thumb-info-image"><img style="width:262.5px;height:263.234px" alt=" " class="img-responsive" src="{{asset($product->image)}}"></span></a><span class="product-thumb-info-content text-center"><h4 class="heading-primary">{{$product->title}}</h4><br/><span class="price pull-right"><ins><span class="amount" style="color:#000;font-size:25px">{{$product->code}}</span></ins>
</span>
</span>
</span>
</li>
</ul>
</div><br/>
<div class="row clearfix">
<div class="col-md-12 text-center"><a class="btn btn-primary" href="{{'}urun-kategori/'. $cat->slug. '/'}}"> Tümünü Göster</a></div>
</div>
</div>
</div>
</div>
@endforeach
@endforeach
</div>
</div>
</div>
</div>
TAB pane deki tablara tıkladıkça aşağıya yeniden oluşturuyor
https://hizliresim.com/QVbQAV
resim burada