在 <nav> 中向右对齐元素答案

【问题标题】：Align element on the right in <nav>在 <nav> 中向右对齐元素
【发布时间】：2020-11-08 07:36:19
【问题描述】：

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

【问题讨论】：

标签： bootstrap-4 blazor-server-side devexpress-blazor

【解决方案1】：

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

【讨论】：