Bootstrap 4 引导程序4-如何正确地证明页脚中的某些内容?

Bootstrap 4 引导程序4-如何正确地证明页脚中的某些内容?,bootstrap-4,Bootstrap 4,注意:引导4 我有下面的页脚(一些不相关的ASP内容): &抄袭@DateTime.Now.ToLocalTime().Year-@ApplicationResources.CompanyName @ApplicationResources.Versions:@ApplicationResources.Web@appsettings.WebVersion/@ApplicationResources.Api@appsettings.ApiVersion 版权是左对齐的(正如我所希望的),但我无

注意:引导4

我有下面的页脚(一些不相关的ASP内容):


&抄袭@DateTime.Now.ToLocalTime().Year-@ApplicationResources.CompanyName
@ApplicationResources.Versions:@ApplicationResources.Web@appsettings.WebVersion/@ApplicationResources.Api@appsettings.ApiVersion
版权是左对齐的(正如我所希望的),但我无法解决如何右对齐版本细节(我所希望的)。如果我使用span,div,然后使用“text right”,它可以工作,但会出现在版权下方的行中,使页脚更高(不需要)。“文本右侧”对跨距没有影响

我在网上找不到一个例子

还有一件事。我发现的一些页脚示例在footer元素上有一个“page footer”类,而不仅仅是“footer”。如果我这样做,那么页脚就不再粘在页面底部


如何在与版权相同的行上正确对齐版本信息?

您可以通过在页脚添加
d-flex
对齐
类名之间的内容来使用flexbox和from引导:


&抄袭@DateTime.Now.ToLocalTime().Year-@ApplicationResources.CompanyName
@ApplicationResources.Versions:@ApplicationResources.Web@appsettings.WebVersion/@ApplicationResources.Api@appsettings.ApiVersion

多棒的明星啊!我永远也找不到。罗斯,谢谢你的快速回复。标记为答案(我可以在7分钟内完成)。flexbox实用程序页面很棒,我一直在使用这些引导实用程序类。很高兴它对你有用。
<footer class="footer bg-light">
    <span class="footer-copyright">
        &copy; @DateTime.Now.ToLocalTime().Year - @ApplicationResources.CompanyName
    </span>
    <span>
        @ApplicationResources.Versions: @ApplicationResources.Web @appsettings.WebVersion / @ApplicationResources.Api @appsettings.ApiVersion
    </span>
</footer>