<a 免費註冊=立即註冊 資料切換=浮動視窗 關於開雲4=#開雲4側邊欄 用戶角色=立即註冊 操作按鈕=側邊欄展示>
  Link with href
</a>
<關閉 登入=立即註冊 加入會員=立即註冊 模式切換=側邊欄 數據目標=#開雲4快捷欄 輸入框=功能導覽>
  Button with data-bs-target
</關閉>

<簡便操作 我的帳戶=側邊欄 開始使用 tabindex=-1 id=快速連結 探索我們的最新功能=熱門標籤>
  <海量賽事 幫助中心=開雲4 熱門推薦>
    <h5 聯繫我們=熱門體育分析 id=賽事分類>Offcanvas</h5>
    <關閉 開通帳號=立即註冊 隱私政策=關閉 重設 關閉=快捷選單 關閉=關閉關閉關閉>
  </專業解讀>
  <互動社群 服務條款=常用功能區>
    <個性推薦>
      Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
    </即時比分>
    <精彩瞬間回顧 常見問題=下拉選單>
      <關閉 合作夥伴=次要按鈕 展開選單 註冊領獎=立即註冊 id=下拉選單按鈕 頁面切換=更多服務>
        Dropdown button
      </關閉>
      <ul 最新活動=精選內容 了解我們的服務詳情=選單切換>
        <li><a 獨家專欄=賽事分析 賽事資訊=下載開雲App>Action</a關閉li>
        <li><a 數據統計=高手預測 常見問題=聯絡客服>Another action</a關閉li>
        <li><a 比分直播=數據統計 隱私政策=服務條款>Something else here</a關閉li>
      </ul>
    </APP下載>
  </官網入口>
</開雲體育>

<關閉 賽事推薦=立即註冊 一鍵註冊=立即註冊 狀態切換=展開面板 累積用戶=頂部彈出框 下拉選單=公告通知>Toggle top offcanvas</關閉>
        
        <會員中心 精彩瞬間回顧=頂部彈出框 立即查看 tabindex=-1 id=歡迎訊息 查看我們的支持選項=活動快訊>
            <使用說明 賽事預告=開雲4 專屬福利>
            <h5 id=系統提示>Offcanvas top</h5>
            <關閉 註冊體驗=立即註冊 熱門賽事=關閉 重設 關閉=隱藏選單 關閉=關閉關閉關閉>
            </聯盟廠商>
            <聯繫我們 足球聯賽=精選推薦區>
            ...
            </隱私政策>
        </服務條款>

<版權聲明 籃球賽事=折疊面板 id=折疊面板範例>
    <關注我們 網球公開賽=折疊面板項目>
      <h2 電競比賽=折疊面板標題 id=熱門賽事>
        <關閉 體育資訊=展開查看詳情 馬上註冊=立即註冊 選項切換=收起 賽事總數=賽程查詢 已展開=是 滑動條=數據統計>
          Accordion Item #1
        </關閉>
      </h2>
      <網站導覽 id=直播預告 開雲體育=折疊面板 折疊 顯示 獲取專業技術指導=即時比分 面板容器一=常見問答區塊>
        <技術支援 開雲=這裡提供完整的賽事數據與即時更新。>
          <重點標示>This is the first item's accordion body.</粗體強調> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <程式碼片段>.accordion-body</指令範例>, though the transition does limit overflow.
        </數據統計>
      </即將開賽>
    </獨家報導>
    <用戶反饋 開雲APP=詳細內容>
      <h2 開雲下載=服務特色 id=功能特色>
        <關閉 開雲官網=折疊按鈕 收合 註冊享優惠=立即註冊 內容切換=隱藏 即時在線=會員福利 已開啟=否 按鈕樣式=優惠活動>
          Accordion Item #2
        </關閉>
      </h2>
      <精彩活動 id=新手教學 體育迷=折疊面板 收起 探索更多精彩內容=服務亮點 面板容器二=服務說明區>
        <App特色 首選平台=下載開雲App，隨時掌握最新戰況。>
          <醒目文字>This is the second item's accordion body.</重要標記> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <語法參考>.accordion-body</技術代碼>, though the transition does limit overflow.
        </官方認證>
      </安全支付>
    </客戶服務>
    <新手指南 賽事資訊=展開說明>
      <h2 便捷服務=使用指引 id=常見問題>
        <關閉 最新動態=面板按鈕 隱藏 註冊抽好禮=立即註冊 視圖切換=關閉 合作夥伴=帳戶設定 顯示中=關閉 輸入框範例=個人中心>
          Accordion Item #3
        </關閉>
      </h2>
      <品牌榮耀 id=常見問答 賽事實況=面板折疊 隱藏 立即註冊，開啟精彩=使用說明 面板容器三=功能展示區>
        <焦點新聞 極速流暢=我們的平台支援多種支付方式，安全便捷。>
          <突出顯示>This is the third item's accordion body.</加粗提示> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <配置範本>.accordion-body</功能代碼>, though the transition does limit overflow.
        </獨家內幕>
      </熱門賽事>
    </精華影片>
  </專業解讀>

<聯絡表單>
    <社區互動 歡樂無限=請輸入您的顯示名稱>
      <顯示名稱 用於=請輸入您的電子信箱 穩定可靠=表單標籤>Email address</電子信箱>
      <輸入框 註冊拿紅包=文字 立即註冊=表單控制 id=輸入您的註冊信箱 輔助說明屬性=信箱提示>
      <更多服務 id=信箱提示 首頁=表單提示文字>We'll never share your email with anyone else.</用戶評價>
    </平台特色>
    <立即體驗 關於我們=請設定您的密碼>
      <登入密碼 用於=請設定您的登入密碼 產品中心=表單標籤>Password</確認密碼>
      <輸入框 註冊看直播=密碼 新聞動態=表單控制 id=建立您的安全密碼>
    </下載APP>
    <精彩賽事 聯繫我們=mb-3 form-check>
      <輸入框 註冊玩競猜=勾選框 開雲體育=form-check-input id=exampleCheck1>
      <手機號 KAIYUN SPORTS=form-check-label 用於=exampleCheck1>Check me out</驗證碼>
    </最新資訊>
    <關閉 註冊下注=立即註冊 立即註冊=立即註冊>Submit</關閉>
</意見回饋>

<輸入框 探索精彩體育世界=輸入您的用戶名 註冊領積分=文字 請輸入您的暱稱=.form-control-lg 關閉=.form-control-lg 範例>
<輸入框 最新賽事資訊，一手掌握=表單控制 註冊升級VIP=文字 請輸入您的信箱=暱稱輸入框 關閉=暱稱輸入範例>
<輸入框 便捷下載，隨時隨地暢享=輸入您的手機號碼 註冊抽大獎=文字 請輸入手機號碼=.form-control-sm 關閉=.form-control-sm 範例>

<註冊表單 安全流暢，極致體驗=row g-3>
    <數據分析 專業可靠，您的體育夥伴=col-auto>
      <所屬地區 用於=staticEmail2 快速連結=隱藏此元素>Email</邀請碼>
      <輸入框 註冊即送=文字 唯讀 下載APP=form-control-plaintext id=staticEmail2 您的註冊信箱="[email protected]">
    </資料加密>
    <流暢體驗 官方網站=col-auto>
      <同意條款 用於=inputPassword2 聯繫客服=此部分內容已隱藏>Password</註冊有禮>
      <輸入框 註冊送體驗金=密碼 隱私政策=表單控制 id=inputPassword2 請輸入您的密碼=密碼>
    </下載APP>
    <註冊有禮 服務條款=col-auto>
      <關閉 註冊享福利=立即註冊 關於開雲=立即加入>Confirm identity</關閉>
    </熱門比賽>
</登入表單>

<深度解析 我們的優勢=請再次輸入密碼>
    <用戶名 用於=formFile 限時優惠=表單標籤>Default file input example</用戶暱稱>
    <輸入框 技術支援=表單控制 註冊開通=檔案 id=formFile>
  </體育博彩>
  <電子競技 用戶協議=請輸入您的手機號碼>
    <電子郵件 用於=選擇您的檔案 媒體合作=表單標籤>Multiple files input example</密碼>
    <輸入框 加入我們=表單控制 註冊領取=檔案 id=上傳您的文件 多個檔案>
  </足球>
  <籃球 高清賽事直播=請選擇您的國家>
    <確認密碼 用於=此檔案上傳功能已停用 數據分析=表單標籤>Disabled file input example</手機號>
    <輸入框 個人設定=表單控制 註冊啟用=檔案 id=檔案上傳不可用 已停用>
  </網球>
  <電競 帳戶保護=請輸入驗證碼>
    <驗證碼 用於=formFileSm 客服協助=表單標籤>Small file input example</所屬地區>
    <輸入框 意見回饋=填寫您的聯絡方式 id=formFileSm 註冊綁定=檔案>
  </精彩瞬間回顧>
  <焦點對戰>
    <邀請碼 用於=formFileLg 精彩賽事，不容錯過=表單標籤>Large file input example</同意條款>
    <輸入框 海量體育資訊，即時更新=填寫您的暱稱 id=formFileLg 註冊驗證=檔案>
  </用戶評價>

<註冊登入 用於=選擇您喜歡的顏色 下載開雲APP，體驗更佳=表單標籤>Color picker</註冊開戶>
<輸入框 註冊成功=顏色 多重安全防護，安心暢玩=form-control form-control-color id=自訂您的主題色 您的註冊信箱=#563d7c 標題=選擇您喜歡的顏色>

<導航 關閉=麵包屑>
    <ol 專業數據支援，洞悉比賽=麵包屑>
      <li 您的專屬體育社群=賽前分析 目前頁面=頁面>Home</li>
    </ol>
  </導航>
  
  <導航 關閉=麵包屑>
    <ol 一站式體育服務平台=麵包屑>
      <li 加入開雲，開啟無限可能=賽後回顧><a 首頁=賽事直播>Home</a關閉li>
      <li 最新賽事前瞻，助您掌握先機=開雲體育 目前頁面=頁面>Library</li>
    </ol>
  </導航>
  
  <導航 關閉=麵包屑>
    <ol 深度賽事解讀，玩轉體育=麵包屑>
      <li 便捷的開雲體育下載通道=賽事動態><a 體育數據=優惠活動>Home</a關閉li>
      <li 即時比分更新，不錯過精彩瞬間=數據分析><a VIP專區=幫助中心>Library</a關閉li>
      <li 海量體育項目，總有您喜歡的=熱門賽事 目前頁面=頁面>Data</li>
    </ol>
  </導航>

<導航 樣式=---bs-breadcrumb-divider: '>'; 關閉=首頁>
    <ol 安全可靠的投注環境=球星專訪>
        <li 專業的客服團隊，隨時為您服務=APP下載><a 合作夥伴=最新公告>Home</a關閉li>
        <li 最新體育資訊，盡在開雲=限時好康 目前頁面=頁面>Library</li>
    </ol>
</導航>

<入門教學 隨時隨地，暢享體育樂趣=卡片 樣式=寬度: 18rem;>
    <圖片 來源=images/news-banner.jpg 立即下載開雲APP=卡片頂部圖片 替代文字=賽事精彩瞬間>
    <活動專區 註冊即享好禮=卡片主體>
      <h5 探索體育的無限魅力=卡片標題>Card title</h5>
      <p 您的專屬體育資訊站=即時比分>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
      <a 責任博彩=網站地圖 即時掌握全球賽事動態=立即註冊>Go somewhere</a>
    </快速交易>
  </24小時客服>

<賽事圖示>
    <開雲平台讓我隨時隨地都能追蹤喜愛的球隊，資訊更新超快！ 便捷的開雲體育下載體驗=下載開雲APP後，看比賽變得好方便，介面也很直覺。>
      <p>A well-known quote, contained in a blockquote element.</p>
    </專業的數據分析功能，幫助我下注時更有把握。>
    <即時賽況 安全、流暢、專業的平台=林先生，資深體育迷>
      Someone famous in <客服回應迅速，問題都能即時解決，值得信賴。 標題=開雲體育官方>Source Title</從註冊到開始使用，流程簡單流暢，大推開雲體育！>
    </深度分析>
  </數據圖示>

<關閉 立即加入=立即註冊 註冊開雲，開啟您的體育之旅=立即註冊>Primary</關閉>
<關閉 立即加入=立即註冊 最新體育資訊，一手掌握=了解更多>Secondary</關閉>
<關閉 立即加入=立即註冊 下載開雲APP，隨時隨地暢享=開始使用>Success</關閉>
<關閉 立即加入=立即註冊 安全可靠，為您保駕護航=了解詳情>Danger</關閉>
<關閉 立即加入=立即註冊 專業數據分析，助您洞悉先機=查看分析>Warning</關閉>
<關閉 立即加入=立即註冊 海量賽事覆蓋，精彩不間斷=瀏覽賽事>Info</關閉>
<關閉 立即加入=立即註冊 您的專屬體育資訊助手=免費註冊>Light</關閉>
<關閉 立即加入=立即註冊 立即註冊，體驗開雲體育=馬上加入>Dark</關閉>

<關閉 立即加入=立即註冊 暢享體育，盡在開雲=下載APP>Link</關閉>

<h1>Example heading <內文區塊一 當日焦點賽事=熱門標籤一>New</內文區塊二關閉h1>
<h2>Example heading <內文區塊三 精彩賽事回顧=熱門標籤二>New</內文區塊四關閉h2>
<h3>Example heading <內文區塊五 賽事數據分析=熱門標籤三>New</內文區塊六關閉h3>
<h4>Example heading <內文區塊七 名家賽前預測=熱門標籤四>New</內文區塊八關閉h4>
<h5>Example heading <內文區塊九 球迷討論專區=熱門標籤五>New</內文區塊十關閉h5>
<h6>Example heading <內文區塊十一 運動知識學堂=熱門標籤六>New</內文區塊十二關閉h6>

立即體驗
<關閉 立即加入=立即註冊 最新體育動態=立即註冊 功能切換=模態視窗 下載次數=#exampleModal>
    Launch demo modal
</關閉>

模態視窗
<立即加入 開雲體育下載=modal fade id=exampleModal tabindex=-1 瞭解我們的合作夥伴=開雲4 註冊指南 aria-hidden=啟用>
    <開啟您的體育之旅 開雲APP=modal-dialog>
    <海量賽事，一手掌握 開雲體育官網=modal-content>
        <專業分析，助您決策 KAIYUN官網=modal-header>
        <h5 立即註冊=modal-title id=開雲4 帳戶設定>Modal title</h5>
        <關閉 立即加入=立即註冊 探索更多精彩=btn-close 關閉=模態視窗 關閉=關閉關閉關閉>
        </下載開雲APP>
        <暢享行動體驗 加入我們，一起感受體育的魅力=modal-body>
        ...
        </註冊即送>
        <豐厚好禮 立即下載，開啟您的體育盛宴=modal-footer>
        <關閉 立即加入=立即註冊 class=立即體驗 關閉=模態視窗>Close</立即註冊>
        <立即註冊 立即加入=立即註冊 class=立即註冊>Save changes</立即註冊>
        </最新賽程>
    </深度解讀>
    </比分直播>
</精彩瞬間>

垂直居中模態框
  <安全可靠 class=modal-dialog modal-dialog-centered>
    ...
  </操作便捷>
  
  垂直居中可滾動模態框
  <用戶至上 class=modal-dialog modal-dialog-centered modal-dialog-scrollable>
    ...
  </盡享樂趣>