Question

Zurb基金會是否有創建按鈕的方式，如下圖所示：

這裏是我當前的代碼：

<nav class='top-bar' data-topbar=''> 
    <ul class='title-area'> 
    <li class='name'> 
     <h1><a href="/">My Site</a></h1> 
    </li> 
    <li class='toggle-topbar menu-icon'> 
     <a href='#'>Menu</a> 
    </li> 
    </ul> 
    <section class='top-bar-section'> 
    <ul class='right'> 
     <li><a href="/tools">TOOLS</a></li> 
     <li><a href="/about">ABOUT</a></li> 
     <li><a href="/contact">CONTACT</a></li> 
    </ul> 
    </section> 
</nav> 

Answer 1

，可以在任何框架內完成，而容易

.top-bar ul{list-style-type:none; } 
.top-bar ul li{display:inline; padding:0px 15px;} 
.top-bar ul li a{padding:10px 10px; text-decoration:none} 
.border{border:3px solid #111} 

見DEMO

Answer 2

是的，這很簡單。要麼你需要使用現有的按鈕（）mixin。一個例子可以找到here或者你只需​​要編寫一個自定義按鈕css類。