JointsWP Flex顶部栏对齐不正常

Question

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

<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

这是一个基础错误（不是特定于JointsWP），将在6.2.1版本中解决。

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