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
Post a Comment