چند ستونی در dropdown
سلام دوستان.
من تو صفحه اصلی وقتی موس روی دسته بندی مقاله ها میره یه dropdown باز میشه که میخوام دوتا دوتا زیر هم قرار بگیرن، ولی به صورت زیر نمایش میده. این بهم ریختگی رو چطور باید برطرف کنم؟
اینم از کدم:
<li class="dropdown"><a href="#"><span>دسته بندی مقاله ها</span></a>
<ul>
<div class="row">
@foreach($categories as $category)
<div class="col-xl-3">
<li><a href="https://roocket.ir/{{ route('show.category', $category->name) }}">{{ $category->name }}</a></li>
</div>
@endforeach
</div>
</ul>
</li>
پاسخها
5
درود...
کد زیر:
ul li{
display: block;
}تگ ul داخل li بردار و به این شکل بنویس.
<ul>
<li></li>
</ul>
چرا li رو داخل div گزاشتید؟ باید توی ul باشه
اگه میخواین یکی یکی زیر هم قرار بگیره باید همونطور که endworld گفتن دیسپلی بلاک بدین بهش
ولی اگه دوتا دوتا ، باید توی هر li دو تا دسته بندی رو قرار بدین و به دسته بندی ها مارجین بدین که از هم فاصله بگیرن.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
@endworld
دوست عزیز این چیزی که شما گفتین همه رو زیر هم نشون میده ولی من میخوام دوتا دوتا زیر هم قرار بگیرن.
@abdolrahman
خب من چون اطلاعاتم داینامیک هست چطور اینکارو انجام بدم که دوتا دوتا زیر هم قرار بگیرن؟
@arminrahmati999
درود...
display: inline-grid;<div class="dropdown"><a href="#"><span>دسته بندی مقاله ها</span></a>
<div class="row">
@foreach($categories as $category)
<ul class="col-xl-3">
<li><a href="https://roocket.ir/{{ route('show.category', $category->name) }}">{{ $category->name }}</a></li>
</ul>
@endforeach
</div>
</div>