国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

characters

Foundation 按鈕

按鈕樣式

Foundation 提供了 6 種按鈕樣式。 .button 類創(chuàng)建了一個(gè)藍(lán)色的按鈕并附有內(nèi)邊距。不同顏色按鈕類為： .secondary, .success, .info, .warning 或 .alert:

實(shí)例

<button?type="button"?class="button">Default</button>
<button?type="button"?class="button?secondary">Secondary</button>
<button?type="button"?class="button?success">Success</button>
<button?type="button"?class="button?info">Info</button>
<button?type="button"?class="button?warning">Warning</button>
<button?type="button"?class="button?alert">Alert</button>
實(shí)例預(yù)覽 ?

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

實(shí)例

<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">
實(shí)例預(yù)覽 ?


為什么將 a 標(biāo)簽的 href 設(shè)置為 # ?

當(dāng)我們不希望鏈接點(diǎn)擊跳轉(zhuǎn)并得到 "404" 頁(yè)面時(shí)，我們可以將 a 標(biāo)簽的 href 設(shè)置為 #。

按鈕大小

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

實(shí)例

?<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>
實(shí)例預(yù)覽 ?

圓角按鈕

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

實(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>
實(shí)例預(yù)覽 ?

延展按鈕

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

實(shí)例

<button?type="button"?class="button">Default?Button</button>
<button?type="button"?class="button?expand">Expanded?Button</button>
實(shí)例預(yù)覽 ?

禁用按鈕

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

實(shí)例

<button?type="button"?class="button">Default?Button</button>
<button?type="button"?class="button?disabled">Disabled?Button</button>
實(shí)例預(yù)覽 ?


關(guān)于我們 聯(lián)系我們 留言板

手冊(cè)網(wǎng)

Previous article： Next article：