跳至主內容區

XOOPS輕鬆架

:::

主內容區域

選擇後會自動跳轉頁面

8. 按鈕

一、BootStrap4 按鈕

  1. 詳情:http://bootstrap.hexschool.com/docs/4.0/components/buttons/
  2. 按鈕可用在 <button><input type="button"><a>
  3. 用法如下:
    <button class="btn btn-primary btn-block">主按鈕</button>

二、新增自定義按鈕

  1. 自行定義按鈕工具:http://blog.koalite.com/bbg/
  2. 定義出來的按鈕可以放在 css/my.css 中
  3. 若希望底色是透明的,可以在產生後,自行將背景顏色取代為 transparent

三、製作圖示按鈕

  1. 請連至 http://fontawesome.io/icons/ 搜尋需要的圖示
  2. 複製該圖示語法到檔案中即可,進階的圖示用法可參考:http://fontawesome.io/examples/
    <a href="#" class="btn btn-tools">
        <i class="fa fa-search fa-2x fa-flip-horizontal" aria-hidden="true"></i>
        <div>站內搜尋</div>
    </a>
  3. 若欲調整按鈕字形大小或其他屬性,可以自行在 css/my.css 中加入 CSS 宣告
    .btn-tools div { 
      font-size: 12px;
      margin-top: 4px;
    } 

     

選擇後會自動跳轉頁面

:::

左邊區域內容

書籍目錄

展開 | 闔起

快速登入


右邊區域內容

請掃此 QR Code 可連至此頁面

計數器

今天: 8484
昨天: 3121312131213121
總計: 9437968943796894379689437968943796894379689437968

頁尾區域