球探比分3: Core Match Information | Giant Heading |
Live Score Overview | Large Heading |
In-depth Match Analysis | Standard Heading |
Key Metrics | Subheading |
Secondary Information | Important Text |
Auxiliary Explanation | Standard Text |
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.
Add modifier classes to change tag styles.
| Style Class | Data Tag |
|---|---|
| Plain Text | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
Use the .badge class to easily mark new messages.
Basic table style, providing a clean layout.
| # | Match Name | Match Type | Match Time |
|---|---|---|---|
| 1 | Mark | Live | Data |
| 2 | Match | Score | Global |
| 3 | Sports | Enthusiast | Scout |
Add the following classes to the basic table.
Add zebra stripes to table rows for better readability.
| # | Match Name | Match Type | Match Time |
|---|---|---|---|
| 1 | Mark | Accurate | Analysis |
| 2 | User | Technology | Professional |
| 3 | Data | Information | Score 3 |
Add borders and rounded corners to the table.
| # | Match Name | Match Type | Match Time |
|---|---|---|---|
| 1 | Mark | Comprehensive | Information |
| Mark | Insight | Service | |
| 2 | Service | Platform | Minimalist |
| 3 | Quick Access | Sports | |
Highlight table rows on mouse hover.
| # | Match Name | Match Type | Match Time |
|---|---|---|---|
| 1 | Mark | Efficient | Experience |
| 2 | Navigation | Entrance | Zero Latency |
| 3 | Optimize Experience | Data | |
© 2012 球探体育数据服务有限公司. All rights reserved.