實例

<
a
href=
"#"
class=
"button info"
role=
"button"
>Link Button
<
/a
>


<
button
type=
"button"
class=
"button info"
>Button
<
/button
>


<
input
type=
"button"
class=
"button info"
value=
"Input Button"
>


<
input
type=
"submit"
class=
"button info"
value=
"Submit Button"
>

嘗試一下 ?

按鈕大小

我們可以使用 .large, .small 或 .tiny 類來設(shè)置按鈕大?。?/p>

實例

<
button
type=
"button"
class=
"button large"
>Large
<
/button
>


<
button
type=
"button"
class=
"button"
>Default
<
/button
>


<
button
type=
"button"
class=
"button small"
>Small
<
/button
>


<
button
type=
"button"
class=
"button tiny"
>Tiny
<
/button
>

嘗試一下 ?

圓角按鈕

可以使用 .radius 和 .round 類來設(shè)置圓角按鈕：

實例

<
button
type=
"button"
class=
"button"
>Default Button
<
/button
>


<
button
type=
"button"
class=
"button radius"
>Radius Button
<
/button
>


<
button
type=
"button"
class=
"button round"
>Round Button
<
/button
>

嘗試一下 ?

延展按鈕

可以使用 .expand 類來設(shè)置按鈕的寬度為 100%:

實例

<
button
type=
"button"
class=
"button"
>Default Button
<
/button
>


<
button
type=
"button"
class=
"button expand"
>Expanded Button
<
/button
>

嘗試一下 ?

禁用按鈕

可以使用 .disabled 類來設(shè)置按鈕不可點擊:

實例

<
button
type=
"button"
class=
"button"
>Default Button
<
/button
>


<
button
type=
"button"
class=
"button disabled"
>Disabled Button
<
/button
>

嘗試一下 ?