小编Mar*_*nda的帖子

在 boostrap 行中没有包裹

我想让标题包含徽标和菜单。

我做了一行和两列。我使用了 boo?strap 课程。当我将窗口调整为更小时,菜单会跳到徽标下方(看我的图片)。在屏幕宽度很小并且菜单在徽标下跳转的这一刻我想制作折叠菜单,但我不知道如何将其编写为代码:

在此处输入图片说明

我的 HTML 代码:

<div class="mycontainer container-fluid">
<div class="container">
    <div class="row">
        <div class="logo col-md-4">
        <a href = "/" class = "logo"><img src="/bendikon/wp-content/themes/bendikon/images/logo.png" alt="banner"></a>    
        </div>
        <div class="header-menu col-md-8">
        <?php if ( has_nav_menu( 'primary-menu' ) ) { ?>
        <?php wp_nav_menu( array( 'theme_location' => 'primary-menu') ); ?>
        <?php } else { ?>
              <ul class="sf-menu">
                <li><a href="/">Home</a></li>
                <li><a href="/?page_id=2">Sample Page</a></li>
                <li><a href="/?p=1">Sample post</a></li>
              </ul>
            <?php } ?>
        </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

6
推荐指数
2
解决办法
6860
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1