html - How to RTL bootstrap 3 navbar -


i'm not front-end developer , have bootstrap 3.3.6 navbar. want rtl, is: logo on right-most corner , menu items flow right left after logo.

 <nav class="navbar navbar-default navbar-fixed-top text-right" role="navigation">             <!-- brand , toggle grouped better mobile display -->             <div class="navbar-header">                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">                     <span class="sr-only">toggle navigation</span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                     <span class="icon-bar"></span>                 </button>                 <a class="navbar-brand" href="#">                     <img src="~/content/images/logo.png" class="img-responsive">                 </a>             </div>              <!-- collect nav links, forms, , other content toggling -->             <div class="collapse navbar-collapse navbar-ex1-collapse">                 <ul class="nav navbar-nav">                     <li class="active"><a href="#">main</a></li>                     <li><a href="#">main2</a></li>                     <li><a href="#">main3</a></li>                     <li><a href="#">main4</a></li>                 </ul>             </div>             <!-- /.navbar-collapse -->         </nav> 

i know there quite few similar questions on so, , i've tried many, none solved issue. appreciate help.


Comments