Navbar-бренд и значок гамбургер расположение

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> 

И выход Bootstrap перед иконой гамбургера. Как я могу положить гамбургер перед загрузкой навигационного бренда и, возможно, подтолкнуть его вправо?

Answer 1

, если вы хотите значок справа, затем используйте класс pull-right в кнопке и введите его перед ссылкой в ​​коде.

<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>