부트 스트랩 사이드 바 테마

왼쪽 사이드 바에 메뉴가있는 부트 스트랩 테마를 만들고 싶습니다. 문제는 사이드 바 메뉴 다음에 콘텐츠를 수정할 수 없다는 것입니다. 스크린 샷이 있습니다 :부트 스트랩 사이드 바 테마

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

출처

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

작동하지 않는 것 같습니다 : ( –

어딘가에 웹 호스팅이 사이트가 있습니까? URL이 있습니까? – jplara

이 템플릿에는 반응 식 메뉴 토글 링 시스템이 있습니다. 메뉴는 작은 화면에 접힌 상태로 표시되며 큰 화면에서는 축소되지 않은 상태로 표시됩니다. 아래의 버튼을 사용하여 토글하면 메뉴가 나타나거나 사라집니다. 작은 화면에서는 페이지 내용이 캔버스에서 푸시됩니다.

모든 페이지 콘텐츠를 # page-content-wrapper 내에 보관하십시오.

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

출처

2016-07-15 10:10:57

부트 스트랩 사이드 바 테마

답변

관련 문제