瞭解下Foundation 按鈕

Foundation 提供了 6 種按鈕樣式。 .button 類建立了一個藍色的按鈕並附有內邊距。不同顏色按鈕類為： .secondary, .success, .info, .warning 或 .alert:

  Default
  Secondary
  Success
  Info
  Warning
  Alert

按鈕類可以使用在  <a>,  <button>, 或  <input> 元素:

   Link Button
  Button

注意：為什麼將 a 標籤的 href 設定為 # ?

當我們不希望連結點選跳轉並得到 "404" 頁面時，我們可以將 a 標籤的 href 設定為 #。

我們可以使用 .large, .small 或 .tiny 類來設定按鈕大小：

  Large
  Default
  Small
  Tiny

可以使用 .radius 和 .round 類來設定圓角按鈕：

  Default Button
  Radius Button
  Round Button

可以使用 .expand 類來設定按鈕的寬度為 100%:

  Default Button
  Expanded Button

可以使用 .disabled 類來設定按鈕不可點選:

  Default Button
  Disabled Button