bootstrap-将头像的最右侧的头像与下拉列表放在一起

Question

我正在开发一个引导项目，并且我已经自定义地设计了我的头部，并且文本和徽标居中。 什么我发现很难做到现在的问题是如何放置和化身最右边的头，将作为与菜单帐户下拉和注销

<div class="row"> 
    <div style="background-color:#215996;height:60px!important;box-shadow: 5px 5px 5px #DBDBDB;" align="center" class="col-xs-12"> 
     <h3 style="color:#FFF"> <img src="img/logo.png" width="30" height="30" align="top"> App Control Panel</h3> 
    </div> 
    </div> 

Answer 1

通过使用引导类里面的“导航栏右”你可以将一些东西放在你的标题上

Answer 2

你可以使用float-right类的Bootstarp 4将任何东西滑动到正确的位置。举例

<div class="row"> 
    <div class="col-12">One <input type="button" class="btn float-right" value="test"></div> 
    <div class="col-12">Two <input type="button" class="btn float-right" value="test"></div> 
</div>