Manuel de base en chinois /Foundation 按钮

Foundation 按钮

按钮样式

Foundation 提供了 6 种按钮样式。.button类创建了一个蓝色的按钮并附有内边距。不同颜色按钮类为:.secondary,.success,.info,.warning.alert:

实例

   Foundation 实例       

按钮样式


运行实例 »

点击 "运行实例" 按钮查看在线实例

按钮类可以使用在,


运行实例 »

点击 "运行实例" 按钮查看在线实例

Note 为什么将 a 标签的 href 设置为 # ?

当我们不希望链接点击跳转并得到 "404" 页面时,我们可以将 a 标签的 href 设置为 #。

按钮大小

我们可以使用.large,.small.tiny类来设置按钮大小:

实例

   Foundation 实例       

按钮大小


运行实例 »

点击 "运行实例" 按钮查看在线实例


圆角按钮

可以使用.radius.round类来设置圆角按钮:

实例

   Foundation 实例       

圆角按钮


运行实例 »

点击 "运行实例" 按钮查看在线实例


延展按钮

可以使用.expand类来设置按钮的宽带为 100%:

实例

   Foundation 实例       

延展按钮


运行实例 »

点击 "运行实例" 按钮查看在线实例


禁用按钮

可以使用.disabled类来设置按钮不可点击:

实例

   Foundation 实例       

禁用按钮


运行实例 »

点击 "运行实例" 按钮查看在线实例