سلام دوستان

من کدهای زیر رو نوشتم اما زیر منوی من بصورت عمودی هست و میخام زیر منو بصورت افقی باشه. مثه سایت akairan.com ممنون میشم راهنماییم کنید.

<div class="navbar navbar-default navbar-static-top">
    <div class="directionrtl">
        <div class="container">
            <div>
                <ul class="nav navbar-nav">
                    <li class="dropdown active">
                        @Html.ActionLink("خانه", "Index", "Home")
                    </li>
                    <li>
                        <a href="#" class="dropdown-toggle " data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                           غذای اصلی<i class="fa fa-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li></li>
                            <li></li>
                            <li></li>

                        </ul>
                    </li>