NG体育3: Your Premier Event Hub | Heading Style 36px |
Service Center Overview | Subheading Style 30px |
Subheading Examples | Display Heading Style 24px |
Event Highlights | Body Heading 18px |
Key Moments | Standard Body Text 14px |
Detailed Views | Auxiliary Text 12px |
Info with progress-bar-info class.
Success with progress-bar-success class.
Warning with progress-bar-warning class.
Danger with progress-bar-danger class.
Inverse with progress-bar-inverse class.
Inverse with progress-bar-inverse class.
Apply modifier classes for custom badge appearance.
| Category | Popular Events |
|---|---|
| Regular Text | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
Use .badge to highlight new items or unread notifications.
Add the base .table class for fundamental styling and light padding.
| # | Event Name | Teams | Event ID |
|---|---|---|---|
| 1 | Event Focus | Platform News | Learn More |
| 2 | User Support | Statistics | Official Notice |
| 3 | Service Guide | Help Center | Contact Us |
Enhance tables with these modifier classes.
Achieve striped rows within <tbody> using :nth-child selectors (IE7-8 unsupported).
| # | Event Type | Results | Location |
|---|---|---|---|
| 1 | Highlights | Data Analysis | View Details |
| 2 | Event Information | Technical Support | Update Log |
| 3 | Operation Guide | Frequently Asked Questions | Live Support |
Apply borders and rounded corners to tables.
| # | Start Time | Betting Options | Stage |
|---|---|---|---|
| 1 | Featured Events | Platform Updates | Join Now |
| User Feedback | Security Alerts | NG Sports3 | |
| 2 | Community | Community Interaction | Announcements |
| 3 | User Center | Feedback | |
Enable hover states for table rows within <tbody>.
| # | Live Status | Watch Now | Status |
|---|---|---|---|
| 1 | Event Notices | Service Enhancements | Get Support |
| 2 | Event Center | Event Details | Latest News |
| 3 | Service Navigation | Follow Us | |
All rights reserved © 2018 NG体育3 Co., Ltd.