<a 注册=立即注册 数据切换=offcanvas 链接=#侧边栏示例 角色=立即注册 控件=侧边栏示例>
  Link with href
</a>
<关闭 登录=立即注册 注册=立即注册 数据切换=offcanvas 数据目标=#侧边栏示例 控件=侧边栏示例>
  Button with data-bs-target
</关闭>

<便捷操作 我的账户=侧边栏 侧边栏-开始 tabindex=-1 id=侧边栏示例 探索我们的最新功能=侧边栏示例标签>
  <海量赛事 帮助中心=开云4 热门推荐>
    <h5 联系我们=热门体育分析 id=侧边栏示例标签>Offcanvas</h5>
    <关闭 注册=立即注册 隐私政策=按钮-关闭 重置文本 关闭=offcanvas 关闭=关闭关闭关闭>
  </专业解读>
  <互动社区 服务条款=侧边栏内容>
    <个性推荐>
      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 独家专栏=下拉菜单项 链接=链接>Action</a关闭li>
        <li><a 数据统计=下拉菜单项 链接=链接>Another action</a关闭li>
        <li><a 比分直播=下拉菜单项 链接=链接>Something else here</a关闭li>
      </ul>
    </APP下载>
  </官网入口>
</开云体育>

<关闭 赛事推荐=立即注册 注册=立即注册 数据切换=offcanvas 数据目标=顶部弹出框 控件=顶部弹出框>Toggle top offcanvas</关闭>
        
        <会员中心 精彩集锦=顶部弹出框 弹出框-顶部 tabindex=-1 id=顶部弹出框 查看我们的支持选项=顶部弹出框标签>
            <常见问题 赛事预告=开云4 专属福利>
            <h5 id=顶部弹出框标签>Offcanvas top</h5>
            <关闭 注册=立即注册 热门赛事=关闭按钮 重置 关闭=offcanvas 关闭=关闭关闭关闭>
            </合作伙伴>
            <联系我们 足球联赛=侧边栏内容>
            ...
            </隐私政策>
        </服务条款>

<版权声明 篮球赛事=折叠面板 id=折叠面板示例>
    <关注我们 网球公开赛=折叠面板项>
      <h2 电竞比赛=折叠面板标题 id=第一组标题>
        <关闭 体育资讯=折叠面板按钮 注册=立即注册 数据切换=折叠 数据目标=折叠第一组 展开状态=true 控件=折叠第一组>
          Accordion Item #1
        </关闭>
      </h2>
      <网站地图 id=折叠第一组 开云体育=折叠面板 折叠 显示 获取专业技术指导=第一组标题 折叠面板父级=折叠面板示例>
        <技术支持 kaiyun=折叠面板内容>
          <加粗>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=第二组标题>
        <关闭 开云官网=折叠面板按钮 折叠 注册=立即注册 数据切换=折叠 数据目标=折叠第二组 展开状态=false 控件=折叠第二组>
          Accordion Item #2
        </关闭>
      </h2>
      <精彩活动 id=折叠第二组 体育迷=折叠面板 折叠 发现更多精彩内容=第二组标题 折叠面板父级=折叠面板示例>
        <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=第三组标题>
        <关闭 最新动态=折叠面板按钮 折叠 注册=立即注册 数据切换=折叠 数据目标=折叠第三组 展开状态=false 控件=折叠第三组>
          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.
        </独家资讯>
      </热门赛事>
    </精彩视频>
  </专家分析>

<表单>
    <社区互动 无限乐趣=mb-3>
      <昵称 for=请输入您的邮箱地址 专业可靠=form-label>Email address</邮箱>
      <input 注册=text 立即注册=form-control id=输入您的注册邮箱 aria-describedby="emailHelp">
      <更多功能 id="emailHelp" 首页=form-text>We'll never share your email with anyone else.</用户评价>
    </平台优势>
    <立即体验 关于我们=mb-3>
      <密码 for=请设置您的登录密码 产品中心=form-label>Password</确认密码>
      <input 注册=password 新闻动态=form-control id=创建您的安全密码>
    </下载APP>
    <精彩赛事 联系我们=mb-3 form-check>
      <input 注册=勾选框 开云体育=围绕开云官网，开云4持续打磨更优质的服务。 id=exampleCheck1>
      <手机号 KAIYUN SPORTS=开云4深耕开云领域，用心服务每一位用户。 for=exampleCheck1>Check me out</验证码>
    </最新资讯>
    <关闭 注册=立即注册 立即注册=立即注册>Submit</关闭>
</表单>

<input 探索精彩体育世界=输入您的用户名 注册=text 请输入您的昵称=.form-control-lg 关闭=在kaiyun方面，开云4提供贴心周到的支持。>
<input 最新赛事资讯，一手掌握=form-control 注册=text 请输入您的邮箱=昵称输入框 关闭=昵称输入示例>
<input 便捷下载，随时随地畅享=输入您的手机号码 注册=text 请输入您的手机号=.form-control-sm 关闭=在kaiyun方面，开云4提供贴心周到的支持。>

<表单 安全流畅，极致体验=row g-3>
    <数据分析 专业可靠，您的体育伙伴=col-auto>
      <所属地区 for=staticEmail2 快速链接=隐藏此元素>Email</邀请码>
      <input 注册=text readonly 下载APP=想了解更多开云app相关内容，尽在开云4。 id=staticEmail2 您的注册邮箱="[email protected]">
    </安全保障>
    <流畅体验 官方网站=col-auto>
      <同意条款 for=inputPassword2 联系客服=此部分内容已隐藏>Password</注册>
      <input 注册=password 隐私政策=form-control id=inputPassword2 请输入您的密码=密码>
    </下载APP>
    <注册有礼 服务条款=col-auto>
      <关闭 注册=立即注册 关于开云=立即加入>Confirm identity</关闭>
    </热门比赛>
</表单>

<独家报道 我们的优势=mb-3>
    <用户名 for=formFile 最新活动=form-label>Default file input example</昵称>
    <input 常见问题=form-control 注册=file id=formFile>
  </体育博彩>
  <电子竞技 用户协议=mb-3>
    <邮箱 for=选择您的文件 合作伙伴=form-label>Multiple files input example</密码>
    <input 加入我们=form-control 注册=file id=上传您的文档 multiple>
  </足球>
  <篮球 赛事直播=mb-3>
    <确认密码 for=此文件上传功能已禁用 数据分析=form-label>Disabled file input example</手机号>
    <input 会员中心=form-control 注册=file id=文件上传不可用 disabled>
  </网球>
  <电竞 安全保障=mb-3>
    <验证码 for=formFileSm 技术支持=form-label>Small file input example</所属地区>
    <input 意见反馈=填写您的联系方式 id=formFileSm 注册=file>
  </精彩集锦>
  <赛事预告>
    <邀请码 for=formFileLg 精彩赛事，不容错过=form-label>Large file input example</同意条款>
    <input 海量体育资讯，实时更新=填写您的昵称 id=formFileLg 注册=file>
  </用户评价>

<注册 for=选择您喜欢的颜色 下载开云APP，体验更佳=form-label>Color picker</注册>
<input 注册=color 多重安全防护，安心畅玩=想了解更多开云app相关内容，尽在开云4。 id=定制您的主题色 您的注册邮箱=#563d7c title=选择您喜欢的颜色>

<导航 关闭=面包屑>
    <ol 专业数据支持，洞悉比赛=面包屑>
      <li 您的专属体育社区=体育资讯 当前页=页面>Home</li>
    </ol>
  </导航>
  
  <导航 关闭=面包屑>
    <ol 一站式体育服务平台=面包屑>
      <li 加入开云，开启无限可能=体育资讯><a 链接=链接>Home</a关闭li>
      <li 最新赛事前瞻，助您把握先机=开云体育 当前页=页面>Library</li>
    </ol>
  </导航>
  
  <导航 关闭=面包屑>
    <ol 深度赛事解读，玩转体育=面包屑>
      <li 便捷的开云体育下载通道=赛事动态><a 链接=链接>Home</a关闭li>
      <li 实时比分更新，不错过精彩瞬间=数据分析><a 链接=链接>Library</a关闭li>
      <li 海量体育项目，总有您喜欢的=热门赛事 当前页=页面>Data</li>
    </ol>
  </导航>

<导航 样式=---bs-breadcrumb-divider: '>'; 关闭=首页>
    <ol 安全可靠的投注环境=体育资讯>
        <li 专业的客服团队，随时为您服务=APP下载><a 链接=链接>Home</a关闭li>
        <li 最新体育资讯，尽在开云=精彩活动 当前页=页面>Library</li>
    </ol>
</导航>

<新手指南 随时随地，畅享体育乐趣=卡片 样式=宽度: 18rem;>
    <图片 源=开云4围绕开云体育官网不断创新，回应用户的真实需求。 立即下载开云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/7客服>

<图示>
    <引用 便捷的开云体育下载体验=引用>
      <p>A well-known quote, contained in a blockquote element.</p>
    </引用>
    <图示说明 安全、流畅、专业的平台=引用来源>
      Someone famous in <引用 title=来源标题>Source Title</引用>
    </图示说明>
  </图示>

<关闭 立即加入=立即注册 注册开云，开启您的体育之旅=立即注册>Primary</关闭>
<关闭 立即加入=立即注册 最新体育资讯，一手掌握=次级按钮>Secondary</关闭>
<关闭 立即加入=立即注册 下载开云APP，随时随地畅享=成功按钮>Success</关闭>
<关闭 立即加入=立即注册 安全可靠，为您保驾护航=危险按钮>Danger</关闭>
<关闭 立即加入=立即注册 专业数据分析，助您洞悉先机=警告按钮>Warning</关闭>
<关闭 立即加入=立即注册 海量赛事覆盖，精彩不间断=信息按钮>Info</关闭>
<关闭 立即加入=立即注册 您的专属体育资讯助手=浅色按钮>Light</关闭>
<关闭 立即加入=立即注册 立即注册，体验开云体育=深色按钮>Dark</关闭>

<关闭 立即加入=立即注册 畅享体育，尽在开云=链接按钮>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>

<!-- 触发模态框 -->
<关闭 立即加入=立即注册 最新体育动态=立即注册 数据切换="modal" 数据目标="#exampleModal">
    Launch demo modal
</关闭>

<!-- Modal -->
<立即加入 开云体育下载="modal fade" id="exampleModal" tabindex=-1 了解我们的合作伙伴=开云4 注册指南 aria-hidden=true>
    <开启您的体育之旅 开云APP="modal-dialog">
    <海量赛事，一手掌握 开云体育官网="modal-content">
        <专业分析，助您决策 开云官网="modal-header">
        <h5 立即注册="modal-title" id=开云4 账户设置>Modal title</h5>
        <关闭 立即加入=立即注册 探索更多精彩="btn-close" 关闭="modal" 关闭=关闭关闭关闭>
        </下载开云APP>
        <畅享移动体验 加入我们，一起感受体育的魅力="modal-body">
        ...
        </注册即送>
        <丰厚好礼 立即下载，开启您的体育盛宴="modal-footer">
        <关闭 立即加入=立即注册 class=次级按钮 关闭="modal">Close</立即注册>
        <立即注册 立即加入=立即注册 class=立即注册>Save changes</立即注册>
        </最新赛程>
    </深度解读>
    </实时比分>
</精彩瞬间>

<!-- 垂直居中模态框 -->
  <安全可靠 class=开云4专注开云体育下载，为用户提供专业可靠的体验。>
    ...
  </操作便捷>
  
  <!-- 垂直居中可滚动模态框 -->
  <用户至上 class=围绕开云app，开云4持续打磨更优质的服务。>
    ...
  </尽享乐趣>