طراحی وب

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

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

کلاس 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;
}

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

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