主队	比分	客队	联赛	时间(北京)
瓜地馬拉女子隊	0:1	薩爾瓦多女子隊	國際友誼賽女子組	05:00
22 de Julio	0:0	馬德里競技FC	厄瓜多爾乙級聯賽	04:30
9 de Octubre	2:0	厄瓜多爾紅酒隊	厄瓜多爾乙級聯賽	04:30
馬格里布費斯	0:0	FAR拉巴特	摩洛哥錦標賽	04:00
冰島女子隊	1:6	西班牙女子隊	女子世界盃歐洲區外圍賽	00:00
荷蘭女子隊	3:1	波蘭女子隊	女子世界盃歐洲區外圍賽	00:00
阿爾梅里亞	3:2	卡斯特利翁	西班牙乙級聯賽	03:00
英格蘭女子隊	3:0	烏克蘭女子隊	女子世界盃歐洲區外圍賽	00:00
法國女子隊	1:0	愛爾蘭女子隊	女子世界盃歐洲區外圍賽	03:00
賴比瑞亞	3:1	獅子山	國際友誼賽	02:30

主队	比分	客队	联赛	时间(北京)
維羅納斯卡利傑拉籃球隊	84:76	里米尼	意大利乙級聯賽	02:45
柏林阿爾巴	97:66	班貝格籃球隊	德國籃球甲級聯賽	02:30
芝加哥天空隊	—	亞特蘭大夢想隊	WNBA	07:00

精彩集锦
即时比分
赛事数据
赛程资讯
赛事分析
热门联赛
积分榜
赛事预告
赛事筛选
热门推荐
搜索功能
赛事搜索
主播搜索
比分更新
消息通知
进入直播
赛事日历
球队排行
分页浏览
赛事集锦
直播分类
赛程
赛果回顾
视频回放
数据统计
赛事分析
標誌

排版標題

範例 `<h1> H1. Bootstrap heading </h1>`

H1. Bootstrap 標題

H2. Bootstrap 標題

H3. Bootstrap 標題

H4. Bootstrap 標題

H5. Bootstrap 標題

H6. Bootstrap 標題

顯示標題

範例 `<p class="display-1"> Display 1 </p>`

顯示 1

顯示 2

顯示 3

顯示 4

背景顏色

範例 `<div class="bg-primary"> Landrick Saas & Software Template </div>`

柔和背景顏色

範例 `<div class="bg-soft-primary"> Landrick Saas & Software Template </div>`

文字顏色

範例 `<div class="text-primary"> Landrick Saas & Software Template </div>`

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-white

.text-white-50

.text-dark

按鈕

範例 `<a href="#" class="btn btn-primary"> Primary </a>`

主要次要成功危險資訊警告淺色深色

深度解读

查看赛程

英超赛程欧冠赛程篮球赛程实时更新进球瞬间深度分析热门赛事直播欧冠比分

柔和按鈕

範例 `<a href="#" class="btn btn-soft-primary"> Primary </a>`

主要次要成功危險資訊警告淺色深色

球迷互动

赛果统计

英超前瞻分析欧冠前瞻篮球前瞻分析分数速递更新精彩扑救集锦赛前分析电竞直播游戏直播

赛前预测

关注球队

英超战报速递欧冠战报速递篮球战报速递实时赛况播报精彩得分集锦赛后复盘户外赛事直播星秀频道精选

赛后复盘

关注联赛

英超精彩集锦欧冠精彩集锦篮球精彩集锦得分变化追踪赛事精华回放数据深度洞察热门主播官方赛事推荐

球队信息

球队动态

球员数据

联赛动态

历史交锋

深入分析，掌握比赛脉搏

赛事数据

深入复盘，洞悉比赛细节

观赛模式

小屏直播

观看直播查看赛程关注人气主播下载斗鱼App

大屏观看

热门联赛今日焦点赛事即将开赛预告精彩瞬间

下拉式選單

範例
<div class="btn-group dropdown-primary"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Primary </button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Home</a> <a class="dropdown-item" href="#">Services</a> <a class="dropdown-item" href="#">About us</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Contact us</a> </div> </div>

徽章

範例 `<span class="badge badge-primary"> primary </span>`

主要次要成功危險警告資訊淺色深色

射手榜

精彩集锦

英超欧冠篮球比分赛事分析赛事集锦专家赛前解读赛事分析

助攻榜

赛事回放集锦

英超欧冠篮球比分赛事分析赛事集锦球迷互动精彩集锦

球员榜

观看直播

英超深度分析欧冠深度分析篮球深度分析实时比分板战术分析解读最佳球员表现精彩回放剪辑立即观看

警報

範例 `<div class="alert alert-primary" role="alert"> A simple primary alert—check it out! </div>`

一個簡單的主要警報—看看吧！

一個簡單的次要警報—看看吧！

一個簡單的成功警報—看看吧！

一個簡單的危險警報—看看吧！

一個簡單的警告警報—看看吧！

一個簡單的資訊警報—看看吧！

一個簡單的淺色警報—看看吧！

一個簡單的深色警報—看看吧！

赛事剪辑

即时赛果通知

实时互动体验

新手友好平台

官方App下载

立即进入直播

查看今日赛程

关注你喜爱的球队

获取最新比分

参与球迷讨论

赛事推荐

您已成功订阅重要赛事更新。此示例文本将展示通知内容在平台内的呈现方式。

利用边距工具，保持您的观赛界面整洁有序。

直播提醒

範例
`<div class="alert alert-success alert-dismissible fade show" role="alert"> <strong>Well done!</strong> You successfully read this important alert message. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true"> × </span> </button> </div>`

您已成功进入赛事直播。

此直播间包含重要赛事信息。

关注精彩瞬间，不错过任何进球。

调整您的观看偏好，享受最佳体验。

个性化推送

赛事分类

範例
`<div class="alert alert-outline-primary alert-pills" role="alert"> <span class="badge badge-pill badge-danger"> New </span> <span class="alert-content"> A Modern primary alert—check it out! </span> </div>`

新品即时比分更新

新品赛事分析解读

手風琴

手風琴 #1

提到直播平台，斗鱼是许多用户的首选。作为国内知名互动直播平台，斗鱼涵盖游戏、秀场，吸引众多主播与观众。斗鱼直播平台、官方直播、星秀直播对新手友好。提供斗鱼直播平台官方App、软件下载，极速下载最新官方App！

手風琴 #2

围绕6，斗鱼直播平台持续打磨更优质的服务。

手風琴 #3

斗鱼直播平台深耕海量游戏、秀场内容，满足你的所有观看需求。领域，用心服务每一位用户。

卡片

垂直卡片
`<div class="card shadow rounded border-0 overflow-hidden> <img src="images/blog/01.webp" class="img-fluid" alt="> <div class="card-body"> <h5 class="card-title">Saas & Software : Landrick</h5> <p class="text-muted mb-0">Due to its widespread use as filler text for layouts, non-readability is of great importance</p> </div> </div>`

SaaS & 軟體 : Landrick

由於其廣泛用於佈局的填充文字，不可讀性非常重要

斗鱼直播平台专注星秀直播，为用户提供专业可靠的体验。

围绕6，斗鱼直播平台持续打磨更优质的服务。

水平卡片
`<div class="card shadow rounded border-0 overflow-hidden> <img src="images/blog/01.webp" class="img-fluid" alt="> <div class="card-body"> <h5 class="card-title">Saas & Software : Landrick</h5> <p class="text-muted mb-0">Due to its widespread use as filler text for layouts, non-readability is of great importance</p> </div> </div>`

斗鱼直播平台深耕海量游戏、秀场内容，满足你的所有观看需求。领域，用心服务每一位用户。

這是一張更寬的卡片，下方有支持文字作為額外內容的自然引導。此內容稍長。

最後更新於 3 分鐘前

表單

核取方塊

一

二

已停用

單選按鈕

是

否

已停用

開關按鈕

Toggle this switch element

Disabled switch element

Form Select Box

Google Map

Breadcrumb

範例
`<nav aria-label="breadcrumb" class="d-inline-block"> <ul class="breadcrumb bg-white rounded shadow mb-0"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Pages</a></lt> <li class="breadcrumb-item active" aria-current="page">Components</li> </ul> </div>`

Pagination

範例
`<ul class="pagination mb-0"> <li class="page-item"><a class="page-link" href="javascript:void(0)" aria-label="Previous">Prev</a></li> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#" aria-label="Next">Next</a></li> </ul>`

Default Avatars

範例 `<img src="images/home/01.webp" class="img-fluid avatar avatar-ex-sm rounded">`

用户头像

教练团队介绍

Nav Tabs

You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.

在千万主播与你实时互动，拉近距离，感受真实情感。方面，斗鱼直播平台提供贴心周到的支持。

斗鱼直播平台以新手友好，轻松上手，快速找到你热爱的主播与内容。为核心，带来高效便捷的体验。

Progressbar

範例
`<div class="progress-box"> <h6 class="title text-muted"> Progress</h6> <div class="progress"> <div class="progress-bar position-relative bg-primary" style="width:84%;"> <div class="progress-value d-block text-muted h6">84%</div> </div> </div> </div>`

WordPress

84%

PHP / MYSQL

75%

Angular / JavaScript

79%

HTML

95%

Tooltip

範例 `<a href="#"class="btn btn-primary mr-2 mb-2" data-toggle="tooltip" data-placement="top" title="Top Tooltip" alt=""> Top Tooltip </a>`

Top Left Bottom Right

Modal

Click Here

Table

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Harry	Potter	@hpt

Blockquotes