将元素在 中<nav>右对齐

Question

我正在使用DevExpress Blazor服务器端模板，并试图在右侧的标签中添加一些元素。此模板是使用Bootstrap 4构建的。

<nav class="navbar header-navbar p-0">
<div class="ml-3 font-weight-bold title pr-4">Project Name</div>
<div class="which-class-to-use-here">
<LoginDisplay /> |
<DxButton Text="Projects" Click="@((args) => NavigateToProjects())" IconCssClass="fad fa-list fa-fw theme-da" IconPosition="ButtonIconPosition.BeforeText" SizeMode="SizeMode.Medium" RenderStyle="ButtonRenderStyle.Info" RenderStyleMode="ButtonRenderStyleMode.Contained" />
</div>
</nav>

我尝试了一些旧的CSS技巧，垂直对齐和向右浮动，但都不起作用。

Answer 1

我必须学习现代CSS的基础知识才能找到flex。flex-start解决了我的问题，尽管我不得不重写一点标题。