جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
وجیهه
3 سال پیش توسط وجیهه مطرح شد
5 پاسخ

طراحی وب

سلام کسی میدونه چرا در کد زیر navbar من بصورت عمودی نشان داده میشود؟ممنون

<nav class="navbar fixed-top navbar-light bg-light navbar-expand-xl|lg|md|sm ">
<div class="container">
<a class="navbar-brand" href="#">talk</a>
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="html/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/podcast.html">Podcast</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/article.html">Article</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
video
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Learning</a>
<a class="dropdown-item" href="#">Motivational</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="html/products.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/call.html">Contact</a>
</li>
</ul>
</div>
</nav>

ثبت پرسش جدید
فرشید مرادی
تخصص : noob
@eniack 3 سال پیش مطرح شد
1

سلام ، چون داخل کلاس navbar-nav آیتم ها به صورت عمودی چیده شدن ، برید داخل کلاس navbar-nav و کد flex-direction: column; رو بردارید درست میشه


وجیهه
@book3174 3 سال پیش مطرح شد
0

@eniack به تگ nav کلاس flexied-top هست کدی که گفتید را ندارم


فرشید مرادی
تخصص : noob
@eniack 3 سال پیش آپدیت شد
1

کلاس navbar-nav گفتم! ببینید یک تگ ul دارید با کلاس navbar-nav

<nav class="navbar fixed-top navbar-light bg-light navbar-expand-xl|lg|md|sm ">
<div class="container">
<a class="navbar-brand" href="#">talk</a>
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="html/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/podcast.html">Podcast</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/article.html">Article</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
video
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Learning</a>
<a class="dropdown-item" href="#">Motivational</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="html/products.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="html/call.html">Contact</a>
</li>
</ul>
</div>
</nav>

حالا برید داخل css ها سرچ کنید navbar-nav و کد flex-direction: column; رو بردارید و یا آخرین خط css این کد رو بنویسید

.navbar-nav{
flex-direction: row!important;
}

سهیل ملکی
تخصص : کارآموز برنامه نویسی
@soheilsmg 3 سال پیش مطرح شد
0

سلام اگه ممکنه از این به بعد کد هاتون رو داخل بخش مخصوص کد ها قرار بدین تا بهتر خونده بشن


حدیثه مطلوب
تخصص : فرانت اند
@hadisematloob 3 سال پیش مطرح شد
0

سلام
به تگ ul کلاس d-flex رو بدید و flex-direction رو هم row قرار بدید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام