JointsWP Flex Top Bar 右对齐不起作用

Question

我在 Flex 模式下将 JointsWP 与 Foundation 6 结合使用。我正在尝试将顶部栏包含在与 "row column" 一起使用的网格中，但由于某些未知原因，我无法将顶部栏右对齐。这是我的代码：

<div class="title-bar" data-responsive-toggle="top-bar-menu" data-hide-for="<?php echo $breakpoint ?>">
    <button class="menu-icon" type="button" data-toggle></button>
</div>

<div class="top-bar" id="top-bar-menu">
    <div class="row column">
        <div class="top-bar-left show-for-<?php echo $breakpoint ?>">
            <ul class="menu">
                <li><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></li>
            </ul>
        </div>
        <div class="top-bar-right align-right">
            <?php joints_top_nav(); ?>
        </div>
    </div>
</div>

这是它的样子：

如何确保菜单右对齐？

Answer 1

这是一个 Foundation 错误（不是 JointsWP 特有的），将在 6.2.1 版本中解决。

https://github.com/zurb/foundation-sites/issues/8409

JointsWP Flex Top Bar 右对齐不起作用

JointsWP Flex Top Bar align-right not working

zurb-foundation

flexbox

zurb-foundation-6