Bootstrap边栏主题

时间:2013-11-27 20:18:58

标签: html css wordpress twitter-bootstrap

我想使用左侧边栏上的菜单制作一个Bootstrap主题。问题是我无法在侧边栏菜单后修复内容。这是一个截图:

screenshot

将内容放入一行,共4个span3 div。如何将此内容移到侧边栏导航栏旁边?

<?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(); ?>

2 个答案:

答案 0 :(得分:0)

如果我理解正确,你似乎需要嵌套你的行。

<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>

答案 1 :(得分:0)

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

确保将所有页面内容保留在#page-content-wrapper中。

http://blackrockdigital.github.io/startbootstrap-simple-sidebar/