html - Bootstrap 列在移动设备上彼此重叠

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)。我只是在猜测答案，因为您没有提供 fiddle 或 bootply。如果您能为您的问题提供 fiddle ，那就太好了。