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

如果您不小心向列添加了一些填充或边距，或者以其他方式更改了列的默认宽度或其父项，通常会发生这种情况。如果没有发生这种情况，请检查代码检查器。此外，实时查看您的代码将有助于解决问题。

PS您是否意识到您正在使用旧版本且不再开发的Bootstrap？当前版本是 3.0.2。您可以从使用它中受益匪浅。

于 2013-11-12T01:38:33.403 回答
0

您忘记关闭 a <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>

另一件事，默认情况下，.row如果width: 940px;我是你，我不会弄乱默认宽度，除非你自定义网格

于 2013-11-12T02:01:01.800 回答