はじめに

MK体育プラットフォームのご利用を開始しましょう。最新の試合情報を取得し、インタラクティブな機能に参加して、シームレスなエンターテイメント体験をお楽しみいただけます。

クイックスタートガイド

MK体育へようこそ。注目を集め、トラフィックを促進し、つながりを築くために必要なすべてがここに揃っています。ダウンロードページからすぐにアクセスしてください。

CSS

このスタイルシートリンク（<link>）を<head>タグ内の他のすべてのスタイルシートの前に配置し、MK体育のCSSスタイルを読み込みます。

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

JS

多くのコンポーネントは正常に動作するためにJavaScriptを必要とします。具体的には、jQueryとカスタムJavaScriptプラグインが必要です。以下の<script>タグをページ下部、</body>タグの直前に配置し、最初にjQuery、次にbootstrap.bundle.min.js、最後にJavaScriptプラグインが読み込まれるようにしてください。

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.bundle.min.js"></script>

基本テンプレート

ページが最新の設計および開発基準に準拠していることを確認してください。HTML5のdoctypeとレスポンシブ動作のためのビューポートメタタグを含めてください。これらを統合することで、ページは期待通りに表示されます。

HTML:

DOCTYPE html
html lang="ja"
    head

        meta charset="utf-8" /
        titleMK体育公式ドキュメントへようこそ。プラットフォームの最新情報と利用ガイドを入手してください。/title
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="MK体育公式ドキュメント - プラットフォームの設定、機能、トラブルシューティングを網羅。" />
        <meta name="keywords" content="MK体育官网, MK体育平台, MK体育在线, MK体育APP, スポーツ試合, オンラインエンターテイメント" />

        favicon アイコン
        <link rel="shortcut icon" href="images/favicon.ico">

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

        メインCSS
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    /head

    body

        ローダー開始
        div id="#--------"
            --------
            --------
        /div
        ローダー終了

        ナビバー開始
        header
            div class="--------"
                --------
                --------
                --------
                --------
            /div
        /header
        ナビバー終了

        ヒーロー開始
        section class="--------"
            div class="--------"
                --------
                --------
                --------
                --------
            /div
        /section
        ヒーロー終了

        フッター開始
        footer
            div class="--------"
                --------
                --------
                --------
                --------
            /div
        /footer
        フッター終了

        ホームへ戻る開始
        <a href="#" class="btn btn-primary">
            --------
            --------
        /a
        ホームへ戻る終了

        JavaScript開始
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        script src="js/app.js"
        JavaScript終了
    /body
/html
                        

国際化バージョン

国際化バージョン:

ダークモード

ダークモード:

ダーク国際化バージョン:

メニュー

ナビゲーション中央揃え（右寄せ）

ナビゲーション中央揃え（左寄せ）

ライトナビゲーション中央揃え

ライトナビゲーション右寄せ

ライトナビゲーション左寄せ