ナビゲーションバーブランドとハンバーガーのアイコン配置

Question

<div class="clearfix">  
    <button class="navbar-toggler hidden-sm-up" type="button" data- 
    toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776; 
    </button> 
    <a class="navbar-brand hidden-sm-up" href="/">Bootstrap</a> 
</div> 

または

<div class="clearfix">  
    <a class="navbar-brand hidden-sm-up" href="/">Bootstrap</a> 
    <button class="navbar-toggler hidden-sm-up" type="button" data- 
    toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776; 
    </button> 
</div> 

両出力ブートストラップハンバーガーのアイコンの前に。どのようにハンバーガーをブートストラップのnavbarブランドの前に置いて、それを右に押し込むことができますか？

Answer 1

アイコンを右にしたい場合は、ボタンのプルー右クラスを使用し、コード内のリンクの前に配置します。

<div class="clearfix">  
    <button class="navbar-toggler hidden-sm-up pull-right" type="button" data- 
    toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776; 
    </button> 
    <a class="navbar-brand hidden-sm-up" href="/">Bootstrap</a> 
</div> 

アイコンを左側に表示する場合は、リンクにプルー右が表示されます。

 <div class="clearfix">  
    <button class="navbar-toggler hidden-sm-up " type="button" data- 
    toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776; 
    </button> 
    <a class="navbar-brand hidden-sm-up pull-right" href="/">Bootstrap</a> 
</div> 

Answer 2

このようにしますか？

See this fiddle

<div class="clearfix pull-right">  
    <button class="pull-left navbar-toggler hidden-sm-up" type="button" data- 
    toggle="collapse" data-target="#exCollapsingNavbar2"> &#9776; 
    </button> 
    <a class="navbar-brand hidden-sm-up" href="/">Bootstrap</a> 
</div>