Armin Rahmati
3 سال پیش
توسط 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="{{ route('show.category', $category->name) }}">{{ $category->name }}</a></li>
</div>
@endforeach
</div>
</ul>
</li>گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
![user-avatar]()
![user-avatar]()
گزارش تخلف
کپی کردن
0
درود...
کد زیر:
ul li{
display: block;
}تگ ul داخل li بردار و به این شکل بنویس.
<ul>
<li></li>
</ul>
گزارش تخلف
کپی کردن
1
چرا li رو داخل div گزاشتید؟ باید توی ul باشه
اگه میخواین یکی یکی زیر هم قرار بگیره باید همونطور که endworld گفتن دیسپلی بلاک بدین بهش
ولی اگه دوتا دوتا ، باید توی هر li دو تا دسته بندی رو قرار بدین و به دسته بندی ها مارجین بدین که از هم فاصله بگیرن.
Armin Rahmati
@arminrahmati999
3 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
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="{{ route('show.category', $category->name) }}">{{ $category->name }}</a></li>
</ul>
@endforeach
</div>
</div>