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

使用bootstrap类＆＃34; navbar-right＆＃34;你可以在标题上放置一些东西

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>

bootstrap-将头像右下角的标题与下拉列表

2 个答案: