지금 구매하기

문서

소개

지금 바로 竞彩网와 함께 스포츠 베팅의 세계를 경험해보세요! 저희 플랫폼은 축구와 농구 경기에 대한 실시간 정보와 분석을 제공하여 여러분의 베팅 경험을 한 단계 업그레이드합니다.

빠른 시작 가이드

竞彩网는 최신 기술과 방대한 데이터를 기반으로 사용자에게 최고의 경기 정보와 분석을 제공합니다. 지금 가입하고 스포츠 베팅의 새로운 기준을 만나보세요.

CSS

이 CSS 링크 태그를 <head> 섹션에 복사하여 다른 모든 스타일 시트보다 먼저 배치하면 竞彩网의 스타일이 적용됩니다.

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

많은 컴포넌트가 제대로 작동하려면 JavaScript가 필요합니다. 특히 jQuery와 저희 맞춤 플러그인이 중요합니다. 페이지 하단 </body> 태그 전에 다음 <script> 태그를 배치하여 기능을 활성화하세요. jQuery가 먼저 로드되고, 그 다음 bootstrap.bundle.min.js, 마지막으로 저희 JavaScript 플러그인이 로드되도록 순서를 지켜주세요.

<script src="js/jquery.min.js"></script>
프론트엔드 인터랙션 스크립트 로딩

기본 템플릿

페이지가 최신 디자인 및 개발 표준을 따르도록 하세요. 즉, HTML5 doctype을 사용하고 반응형 레이아웃을 위해 viewport 메타 태그를 포함해야 합니다. 이들을 함께 통합하면 페이지는 다음과 같이 보일 것입니다:

HTML:
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>竞彩网 - 공식 문서</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="竞彩网은 축구 및 농구 경기에 대한 실시간 점수와 인터랙티브 플랫폼을 제공하며, 경기 일정, 데이터 업데이트, 경기 분석 정보를 제공합니다." />
        <meta name="keywords" content="竞彩网, 竞彩网直播, 竞彩网足球直播, 竞彩网NBA直播, 竞彩网体育直播" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------- " id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        핵심 기능 JS 라이브러리 로드
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>
RTL 버전
RTL 버전:

RTL(오른쪽에서 왼쪽) 모드를 활성화하려면 style.css를 style-rtl.css로 바꾸세요.

다크 모드
다크 모드:

다크 모드를 활성화하려면 style.css를 style-dark.css로 바꾸세요.

다크 RTL 버전:

다크 RTL 모드를 활성화하려면 style.css를 style-dark-rtl.css로 바꾸세요.

메뉴
메뉴 중앙에서 오른쪽 정렬

메뉴를 중앙에서 오른쪽으로 옮기려면 네비게이션 클래스에 nav-right를 추가하기만 하면 됩니다.

메뉴 중앙에서 왼쪽 정렬

메뉴를 중앙에서 왼쪽으로 옮기려면 네비게이션 클래스에 nav-left를 추가하기만 하면 됩니다.

라이트 모드 중앙 메뉴

중앙 정렬된 라이트 네비게이션 메뉴를 원하시면 네비게이션 클래스에 nav-light를 추가하세요.

라이트 모드 오른쪽 정렬 메뉴

오른쪽 정렬된 라이트 네비게이션 메뉴를 원하시면 네비게이션 클래스에 nav-right와 nav-light를 추가하세요.

라이트 모드 왼쪽 정렬 메뉴

왼쪽 정렬된 라이트 네비게이션 메뉴를 원하시면 네비게이션 클래스에 nav-left와 nav-light를 추가하세요.