標題層級
虎撲程式碼庫，玩轉NBA數據 | 粗體 36px |
h2. 虎撲標題範例 | 粗體 30px |
h3. 賽事標題風格 | 粗體 24px |
h4. 球員資料小標題 | 粗體 18px |
h5. 社群熱帖副標題 | 粗體 14px |
h6. 版權資訊小字 | 粗體 12px |
按鈕元件
虎扑體育即時比分｜NBA戰報秒速推送，讓你第一手掌握賽場動態
獨家球員評分系統登場｜每場比賽後為球星打出你心中的真實分數
8000萬球迷都在聊｜球員交易、戰術分析，每日數萬條深度討論等你加入
預設 重要 成功 資訊 警告 危險
預設 重要 成功 資訊 警告 危險
預設 重要 成功 資訊 警告 危險
進度條
資訊搭配 progress-bar-info class。
成功搭配 progress-bar-success class。
警告搭配 progress-bar-warning class。
危險搭配 progress-bar-danger class。
反向搭配 progress-bar-inverse class。
反向搭配 progress-bar-inverse class。
提示框
麵包屑導航
徽章標記
添加修飾類可改變徽章外觀，例如新訊息提醒。
| 類名 | 徽章 |
|---|---|
| 無修飾 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 777 |
Well 區塊
標籤頁
虎扑體育首頁匯集最新NBA賽事與精彩資訊。虎扑體育籃球內容豐富，社區氣氛活躍，是球迷了解與交流籃球的理想平台。官網入口、APP下載、高清直播、賽事數據、體育資訊、熱門賽事、即時比分、互動平台、多終端支援、便捷體驗。
虎扑体育以篮球比赛为核心，带来高效便捷的体验。
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
信託基金 seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
無序列表
- 最新戰報
- 交易流言彙總
- 球星專訪
- 深度數據解讀
- 社群神帖推薦
有序列表
- 最新戰報
- 交易流言彙總
- 球星專訪
- 深度數據解讀
- 社群神帖推薦
表單
表格
預設樣式
為表格添加基礎類 .table，即可獲得輕量內邊距和水平線樣式，適合展示球員數據。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里 | 小鳥 |
在 .table 基礎上可添加以下任一修飾類。
透過 :nth-child CSS 選擇器為 <tbody> 中的行添加斑馬條紋，提升表格可讀性（IE7-8 不支援）。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里 | 小鳥 |
為表格添加邊框和圓角，讓數據更清晰。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 標記 | 奧托 | @getbootstrap | |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里·小鳥 | ||
在 <tbody> 的行上啟用懸停效果，方便追蹤數據。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里·小鳥 | ||
官方合作夥伴
上海虎扑信息技術有限公司
最快NBA資訊，最燃籃球社區
上海虎扑信息技術有限公司
最快NBA資訊，最燃籃球社區
上海虎扑信息技術有限公司
最快NBA資訊，最燃籃球社區
上海虎扑信息技術有限公司
最快NBA資訊，最燃籃球社區