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

嘗試向#innernav（col-md-8）添加.col類。我只是猜測答案，因爲你沒有提供小提琴或引導。如果你能爲你的問題提供一個小提琴，那將是非常棒的。