簡介

從亿万28平台開始，探索數千家優質餐廳。我們提供直覺的搜尋與推薦功能，讓您輕鬆找到符合口味的美食選擇。

快速開始

立即使用亿万28平台，我們提供完整的工具與資訊，幫助您發掘新餐廳、獲得真實評價，並享受獨家優惠。前往下載頁面開始體驗。

CSS

將樣式表 <link> 複製貼上到您的 <head> 中，並在所有其他樣式表之前載入 Bootstrap CSS，以確保頁面正確渲染。

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

JS

許多元件需要 JavaScript 才能正常運作，包括 jQuery 與我們自訂的外掛程式。請將以下 <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 以及 viewport meta 標籤，以實現良好的響應式行為。整合後，您的頁面應如下所示：

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="亿万28平台文件頁，提供完整使用指南" />
        <meta name="keywords" content="亿万28入口, 亿万28娱乐, 亿万28官网" />

        <!-- 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="nav-link" id="nav-home">
            --------
            --------
        </a>
        <!-- 返回首頁結束 -->

        <!-- JavaScript 開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        亿万28围绕提供真实的食客评价与独家优惠，助您做出明智的用餐决策。不断创新，回应用户的真实需求。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript 結束 -->
    </body>
</html>

RTL 版本

RTL 版本設定

若要啟用 RTL 模式，請將 style.css 的引用替換為 style-rtl.css。

深色模式

深色模式設定

若要啟用深色模式，請將 style.css 的引用替換為 style-dark.css。

深色 RTL 模式設定

若要啟用深色 RTL 模式，請將 style.css 的引用替換為 style-dark-rtl.css。

選單

選單置中靠右

若要將選單從置中移至靠右，請在 navigation-menu 類別中加入 nav-right。

選單置中靠左

若要將選單從置中移至靠左，請在 navigation-menu 類別中加入 nav-left。

淺色選單置中

若需要置中且淺色導覽列，請在 navigation-menu 類別中加入 nav-light。

淺色選單靠右

若需要靠右且淺色導覽列，請在 navigation-menu nav-right 類別中加入 nav-light。

淺色選單靠左

若需要靠左且淺色導覽列，請在 navigation-menu nav-left 類別中加入 nav-light。

文檔

簡介