0

基本的に、私がやったこと - 8 と 4 の 2 つのブートストラップ スパン。サイドバー コードを正しいもの (4 スパン) に入れましたが、何らかの理由で、span8 にあるサイドバー以下のコンテンツが表示されます。

<div class="row pull-right" id="pgg">
<div class="span8" id="pagecn">
    <?php the_post(); ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    <div class="entry-content">
        <div class="ttl">
        <?php if ( is_singular() ) {echo '<h1 class="entry-title">';} else {echo '<h2 class="entry-title">';} ?><a title="<?php printf( __('Read %s', 'blankslate'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a><?php if ( is_singular() ) {echo '</h1>';} else {echo '</h2>';} ?>
        </div>
<div id="cn">
<?php the_content(); ?>
</div>
     </div>
 </div>
<div class="span4">
<?php if ( is_active_sidebar('primary-widget-area') ) : ?>
<div id="primary" class="widget-area">
<ul class="sid">
<?php dynamic_sidebar('primary-widget-area'); ?>
</ul>
</div>
<?php endif; ?>
 </div>
</div>

およびそのコードの css

#pgg {
width:948px;
margin-top:4px;
background-color: white;
padding-top: 10px;
padding-bottom: 20px;
}

#cn {margin-top: 15px;}
4

2 に答える 2

0

を閉じるのを忘れていました<div>。より正確には、div.span8おそらくそれが正しくない理由です。

<div class="row pull-right" id="pgg">
    <div class="span8" id="pagecn">
        <?php the_post(); ?>
        <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

            <div class="entry-content">
                <div class="ttl">
                    <?php if ( is_singular() ) {echo '<h1 class="entry-title">';} else {echo '<h2 class="entry-title">';} ?><a title="<?php printf( __('Read %s', 'blankslate'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a><?php if ( is_singular() ) {echo '</h1>';} else {echo '</h2>';} ?>
                </div> <!-- /.ttl -->
                <div id="cn">
                    <?php the_content(); ?>
                </div> <!-- /#cn -->
            </div> <!-- /.entry-content -->
        </div> <!-- /#post-<?php the_ID(); ?> -->
    </div> <!-- /.span8 (you forgot this one) -->

    <div class="span4">
        <?php if ( is_active_sidebar('primary-widget-area') ) : ?>
        <div id="primary" class="widget-area">
            <ul class="sid">
                <?php dynamic_sidebar('primary-widget-area'); ?>
            </ul>
        </div>
        <?php endif; ?>
    </div>
</div>

もう1つのことは、デフォルトで.rowクラスが持っているwidth: 940px;場合、私があなただった場合、グリッドをカスタマイズしない限り、デフォルトの幅を台無しにすることはありません

于 2013-11-12T02:01:01.800 に答える