金年会官网 - 组件库

Text format options

金年会 core components	36px Bold
Common function components	30px Bold
Paragraph title style	24px Bold
Auxiliary title	18px Bold
Secondary title	14px Bold
Subtle title	Bold 12pt

Interactive button

Basic style Primary Success Info Warning Danger

Title style Level 1 title Level 2 title Level 3 title Level 4 title Level 5 title Level 6 title

Button style Default Primary Success Info Warning Danger

Different state indicators Default Primary Success Info Warning Danger

Discover more about jnh with 金年会1.

金年会1 focuses on comprehensive event information aggregation, delivering a professional and reliable experience.

Progress bar indicator

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.

Tip and notification box

You have successfully received an important notification.

This message requires your attention, please process it promptly.

Please check your information to ensure accuracy.

Please modify some content and submit again.

Pagination control

Breadcrumb navigation

Badges and tags

Custom badge style

Category	Badge
Standard Display	42
`.badge-primary`	1
`.badge-success`	22
`.badge-info`	30
`.badge-warning`	412
`.badge-danger`	999

Use the .badge class to highlight new or unread messages

21 unread messages 521 visits 14 followers 20 comments 15 favorites 30 notifications

Card layout

We gather massive sports event information to help you grasp the latest trends.

金年会 official website is dedicated to providing you with comprehensive and timely sports event information. Through meticulous content organization and classification, we enable you to easily browse schedules, real-time scores, and in-depth reports for various sports, enjoying a convenient sports information acquisition experience.

As a platform connecting global sports enthusiasts, 金年会 Sports Information Service Co., Ltd., since its establishment in 2012, has always focused on the aggregation and display of sports event information, ensuring you can quickly obtain the content you need and not miss any exciting moments.

Unordered list style

Event information
Event dynamics
Player news
In-depth analysis
Highlights

Ordered list style

Event information
Event dynamics
Player news
In-depth analysis
Highlights

Form input control

@example.com

$ .00

Text and typography

Add basic style .table to tables for light padding and horizontal borders.

#	First Name	Last Name	Username
1	Highlighted	Regular Text	User ID
2	Wang	Wei	User Tag
3	Zhang	Li	Social Media

Apply the following modifier classes on top of .table.

Add zebra stripes to table rows within <tbody> using the :nth-child selector.

#	First Name	Last Name	Username
1	Highlighted	Regular Text	User ID
2	Wang	Wei	User Tag
3	Zhang	Li	Social Media

Add borders and rounded corners to tables.

#	First Name	Last Name	Username
1	Highlighted	Regular Text	User ID
1	Highlighted	Regular Text	Platform Handle
2	Wang	Wei	User Tag
3	Zhang Wei		Social Media

Enable hover state for table rows within <tbody>.

#	First Name	Last Name	Username
1	Highlighted	Regular Text	User ID
2	Wang	Wei	User Tag
3	Zhang Wei		Social Media

金年会 JINNIANHUI: Your authoritative sports event information hub

Schedule

Text format options

金年会 core components

Common function components

Paragraph title style

Auxiliary title

Secondary title

Subtle title