Zurb foundation 重新排列Zurb基金会的专栏

我的问题是，在桌面上，我喜欢先有菜单，然后在最右的角落有徽标。目前，当我收缩到移动版本的模板，标志下的菜单，这是不令人满意的。我想把它放在菜单前。我尝试过使用推拉，但没有成功

在移动视图中，是否可以将徽标置于模板顶部

这是我的密码

<div class="container" style="margin-top: 15px;">
        <div class="row">
            <div class="ten columns mobile-four">
                <nav>
                    <ul>
                                        <li><a href="#">link</a></li> 
                                        <li><a href="#">link</a></li>
                                        <li><a href="#">link</a></li>
                                        <li><a href="#">link</a></li>
                                        <li><a href="#">link</a></li>
                                        <li><a href="#">link</a></li>
                    </ul>
                </nav>
            </div>
                        <div class="two columns mobile-four">
                <a href="index.php"><img src="images/logo.png" alt="logo"/></a>
            </div>
                </div>
    </div>

因此，首先您可以取消

mobile four

类，它什么都不做（除非您自定义）。查看文档中有一个

手机-[一二三]

，四个就相当于不使用它

要解决此问题，只需应用源排序类，如下所示：

<div class="container" style="margin-top: 15px;">
        <div class="row">
            <div class="two columns push-ten">
                <a href="index.php">
                    <img src="images/logo.png" alt="logo" /></a>
            </div>
            <div class="ten columns pull-two">
                <nav>
                    <ul>
                        <li><a href="#">link</a></li>
                        <li><a href="#">link</a></li>
                        <li><a href="#">link</a></li>
                        <li><a href="#">link</a></li>
                        <li><a href="#">link</a></li>
                        <li><a href="#">link</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

按和拉将正确顺序菜单第一和第二。推拉在手机上被忽略，这意味着您的徽标将堆叠在手机的菜单上方

桌面： [菜单][标志]

流动的 [标志] [菜单]

文件：

---

谢谢你，埃德！真是太棒了！你是非常有帮助的我爱zurb，期待着在未来用它建设更多的项目！