Html 引导边栏主题

我想用左侧边栏上的菜单制作一个引导主题。问题是我无法修复侧边栏菜单后的内容。以下是一个屏幕截图：

内容被放置在一行中，分为4个分区和3个分区。如何使此内容移动到侧边栏导航旁边

<?php 
if ( !defined('ABSPATH')) exit; 
get_header(); 
?>

<?php if(is_front_page()): ?>
<div class="row wpeden-bs-services">
  <?php for($i=1;$i<=4;$i++){ ?>
    <div class="span3">
    <?php $tpid = (int)bleed_get_theme_opts('home_featured_page_'.$i);     $intropage=get_page($tpid); $introcontent = strip_tags(strip_shortcodes($intropage->post_content),"p,br"); if (preg_match('/^.{1,80}\b/s', $introcontent, $match)) $introcontent = $match[0]; else $introcontent = substr($introcontent,0,80);  ?>
    <div class="about well">
      <a href="<?php echo get_permalink($intropage->ID); ?>"><?php bleed_thumb($intropage,array(500,300), array('class'=>'img')); ?></a>
      <div class="entry-content">
      <h2><?php echo $intropage->post_title; ?></h2>
      <p><?php echo $introcontent; ?></p>
      </div>
      <a href="<?php echo get_permalink($intropage->ID); ?>" class="btn <?php echo bleed_get_theme_opts('button_style','btn-info'); ?> btn-block">View details</a>
    </div>  
    </div>
    <?php } ?>

    <!-- /.span4 -->
    <?php get_template_part('homepage','category'); ?>

   <div class="clear"></div>
   <div>
   </div>          

   </div><!-- /.span4 -->

   <?php endif; ?> 
   <?php get_footer(); ?>

如果我理解正确，您需要嵌套行

<div class="row">
    <div class="span4">
        side bar here
    </div>
    <div class="span8">
        nested content goes here
        <div class="row">   
            <div class="span3"></div>
            <div class="span3"></div>
            <div class="span3"></div>
            <div class="span3"></div>
        </div>
    </div>
</div>

这里是边栏
嵌套内容放在这里

此模板具有响应菜单切换系统。菜单在较小屏幕上显示为折叠，在较大屏幕上显示为非折叠。使用下面的按钮切换时，菜单将出现/消失。在小屏幕上，页面内容将被推离画布

确保将所有页面内容保存在#页面内容包装器中

---

这是问题的屏幕截图。谢谢你的帮助！您可以制作一个JSFIDLE.net示例并发布链接吗？您需要排除PHP调用。查看你网页的来源，并在那里张贴标记。我试图做一些事情，不确定这是否正确。你有这个网站在某个网站托管的地方吗？你有网址吗？