Question

我正在使用hhttp：//pizzli.com/ephraimwp/employers/。当我在移动设备上查看时，侧边栏中的两个项目相互重叠。目前，我将列嵌套在另一列中。请参阅下面的代码并尝试在移动设备上查看：

<div class="row" style="padding-top:35px;">
    <div class="col-md-4" style="padding-left:0px;">

    <div id="innernav">
<?php
     $cat = get_field("sidebar_category");
if ($cat == 3){
    echo wp_nav_menu(array('theme_location'=>'aboutus'));
    }
elseif ($cat == 6){
    echo wp_nav_menu(array('theme_location'=>'employees'));
}
elseif ($cat ==5){
    echo wp_nav_menu(array('theme_location'=>'employers'));
}
elseif ($cat == 4){
    echo wp_nav_menu(array('theme_location'=>'ourservices'));
}
?>

    </div>
    <div class="col-md-4" style="padding-left:0px;">
                <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Inner Page 1 Left Sidebar')) : ?>

<?php endif; ?>
    </div>
    </div>
    <div class="col-md-8">
    <h2 class="titlehead"><?php the_title();?></h2>
    <div  style="color:#a2a2a2;font-size:18px;">
    <?php 
if ( have_posts() ) {
    while ( have_posts() ) {
        the_post(); 
        the_content();
    } // end while
} // end if
?>
</div>
    </div>
    </div>
    </div>

Answer 1

尝试将.col类添加到#innernav（col-md-8）。我只是猜测答案，因为你没有提供小提琴或bootply。如果你能为你的问题提供一个小提琴，那将会很棒。

在移动设备上彼此顶部的Bootstrap列

1 个答案: