Bootstrap边栏主题

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

screenshot 。

内容被放置在一行中，在4个span3 divs中。我如何才能让此内容在侧边栏导航栏旁边移动？

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

来源

2013-11-27 Alex Shd

这是问题的屏幕截图。感谢您的帮助！ http://i.stack.imgur.com/Xu7PX.png –

你可以做一个jsfiddle.net的例子并发布链接？您需要排除PHP调用。查看页面的源代码并从那里发布标记 –

http://jsfiddle.net/EWP32/6/ 我试图做一些事情，不知道这是否正确。 –

如果我正确地理解了你，它看起来像你需要嵌套你的行。

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

来源

2013-11-27 20:33:43 jplara

似乎没有工作:( –

你有这个网站上的网络托管的地方？你有一个网址？ – jplara

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

请务必将所有页面内容保留在＃page-content-wrapper中。

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

来源

2016-07-15 10:10:57

Bootstrap边栏主题

回答

相关问题