Bootstrap 4 在<;中对齐右侧的元素;导航>;

Bootstrap 4 在<;中对齐右侧的元素;导航>;,bootstrap-4,blazor-server-side,devexpress-blazor,Bootstrap 4,Blazor Server Side,Devexpress Blazor,我正在使用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

我正在使用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技巧,但没有任何效果。

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