Bootstrap dropdown zawsze otawrty

Question

Jeśli dodam Dropdown do navbara to nie wyglada jak ten bootstrapowy i jest non stop otwarty. 

<div class="container-fluid" style="height:100vh;">
        <div class="row">
            <div class="col-sm-3 col-lg-2">
                <nav class="navbar navbar-inverse navbar-fixed-side graphite-gradient" style="padding-top:58px; border:0px;">
                    <div class="collapse navbar-collapse">
                        <h1 style="font-size:1.8em; color:white;" class="text-center" >Miasto</h1>
                        <input id="input-city" class="btn-elegant navbar-btn form-control input-lg" ng-model="data.city">
                        <div class="dropdown">
                            <button class="btn btn-unique dropdown-toggle" type="button" data-toggle="dropdown">
                                {{data.categoryName}}
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu list-unstyled row">
                                <li ng-click="data.setCategoryName(item)" ng-repeat="item in data.categories">
                                    <a>{{item}}</a>
                                </li>
                            </ul>
                        </div>
                    </div> 

                </nav>
            </div>