1. 主页
  2. 文档
  3. 响应式布局
  4. 头部header区–html

头部header区–html

<header class="header-container">
        <div class="container">
            <div class="row">
                <div class="header-logo-container col-8 col-md-3">
                    <a href="./index.html" class="header-logo">
                        <img src="img/logo.svg" alt="logo">
                    </a>
                </div>
                <div class="header-btn-container col-4 d-md-none">
                    <button type="button" class="btn-toggle" id="btn-toggle">
                        <span class="btn-toggle-bar"></span>
                        <span class="btn-toggle-bar"></span>
                        <span class="btn-toggle-bar"></span>
                    </button>
                </div>
                <nav class="header-nav-container col-md-9 d-none d-md-block">
                    <ul class="header-nav">
                        <li class="header-nav-item">
                            <a href="###" class="header-nav-link">手机&amp;平板</a>
                        </li>
                        <li class="header-nav-item">
                            <a href="###" class="header-nav-link">电视&amp;影音</a>
                        </li>
                        <li class="header-nav-item">
                            <a href="###" class="header-nav-link">生活家电</a>
                        </li>
                        <li class="header-nav-item">
                            <a href="###" class="header-nav-link">电脑/办公/存储</a>
                        </li>
                        <li class="header-nav-item">
                            <a href="###" class="header-nav-link">网上商城</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
这篇文章对您有用吗?

我们要如何帮助您?