Armin Rahmati
توسط Armin Rahmati مطرح شد
چند ستونی در 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>ثبت پرسش جدید
0
درود...
کد زیر:
ul li{
display: block;
}تگ ul داخل li بردار و به این شکل بنویس.
<ul>
<li></li>
</ul>
1
چرا li رو داخل div گزاشتید؟ باید توی ul باشه
اگه میخواین یکی یکی زیر هم قرار بگیره باید همونطور که endworld گفتن دیسپلی بلاک بدین بهش
ولی اگه دوتا دوتا ، باید توی هر li دو تا دسته بندی رو قرار بدین و به دسته بندی ها مارجین بدین که از هم فاصله بگیرن.
Armin Rahmati
@arminrahmati9994 سال پیشمطرح شد
0
@endworld
دوست عزیز این چیزی که شما گفتین همه رو زیر هم نشون میده ولی من میخوام دوتا دوتا زیر هم قرار بگیرن.
@abdolrahman
خب من چون اطلاعاتم داینامیک هست چطور اینکارو انجام بدم که دوتا دوتا زیر هم قرار بگیرن؟
0
0
<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>