سلام کسی میدونه چرا در کد زیر 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>
سلام ، چون داخل کلاس navbar-nav آیتم ها به صورت عمودی چیده شدن ، برید داخل کلاس navbar-nav و کد flex-direction: column; رو بردارید درست میشه
کلاس 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;
}
سلام اگه ممکنه از این به بعد کد هاتون رو داخل بخش مخصوص کد ها قرار بدین تا بهتر خونده بشن
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟