如何RTL bootstrap 3导航栏

Question

我不是前端开发人员，我有这个bootstrap 3.3.6导航栏。我希望它是RTL，即：最右边的徽标和菜单项在徽标后从右到左流动。

 <nav class="navbar navbar-default navbar-fixed-top text-right" role="navigation">
            <!-- Brand and toggle get grouped for 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 the nav links, forms, and other content for 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>

我知道在SO上有很多类似的问题，我尝试了很多，但没有一个解决了我的问题。非常感谢您的帮助。