如何在基础 5 中制作与顶部栏和滑块重叠的徽标

Question

我试图将徽标（位于左上角）放在顶部栏和滑块的顶部，但我就是不知道如何让它起作用。当网页为移动尺寸或桌面尺寸时，我只希望徽标位于顶部栏和滑块的顶部。

enter code here

http://codepen.io/edkai/pen/pJvoPN

有人可以帮忙吗？非常感谢..

Answer 1

您可以在 section

中添加另一个 ul 和 left class

<section class="top-bar-section">
    <ul class="left">
        <li class="name">
            <a href="">
                <img class="logo" src="http://cn-thai.co.th/en/wp-content/uploads/2012/06/dummy-logo-300x300.png" alt="">
            </a>  
        </li>
    </ul>
    <ul class="right">
        <li><a href="index.html">Home</a></li>
        <li><a href="menu.html">Menu</a></li>
        <li><a href="reservation.html">reservation</a></li>
        <li><a href="contact.html">contact</a></li>
    </ul>
</section>

如何在基础 5 中制作与顶部栏和滑块重叠的徽标

How to make the logo that overlaps top bar and slider in foundation 5

zurb-foundation-5