سوال: مشکل در سفارشی کردن navbar بوت استرپ

کد HTML:

<!-- Menu -->
    <div class="-wf-nav container-floud">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div id="box-mnu">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <i class="remo-file-pdf"></i>کتابخانه </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">آیتم یک</a></li>
                                    <li><a href="#">آیتم دو</a></li>
                                    <li><a href="#">آیتم سه</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span> دریافت نرم افزار </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">آیتم یک</a></li>
                                    <li><a href="#">آیتم دو</a></li>
                                    <li><a href="#">آیتم سه</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span> دریافت پروژه </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">آیتم یک</a></li>
                                    <li><a href="#">آیتم دو</a></li>
                                    <li><a href="#">آیتم سه</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span> آموزش و ترفند </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">آیتم یک</a></li>
                                    <li><a href="#">آیتم دو</a></li>
                                    <li><a href="#">آیتم سه</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span> نودادها </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">آیتم یک</a></li>
                                    <li><a href="#">آیتم دو</a></li>
                                    <li><a href="#">آیتم سه</a></li>
                                </ul>
                            </li>

                        </ul>
                    </div>
                    <div id="box-srch">
                        <form action="" class="navbar-form navbar-left">
                            <div class="form-group">
                                <input class="form-control" placeholder="Search" type="text">
                            </div>
                            <a href="#">
                                <i class="remo-search-outline"></i></a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>