Bootstrap行流体跨越一条线

时间:2013-12-05 13:35:34

标签: html css twitter-bootstrap

我正在运行一个在行 - 流体中输出span4元素的查询。我在我的css中添加了代码,以便在行 - 流体中删除第三个span4上的margin-left。到目前为止,这也有效,但突然间,其中一个span4跳了一条线。有什么建议为什么突然停止工作?

你可以在这里看到这个页面: http://dtm-auto.ch/home/

我的css:

.row-fluid [class*="span"]:nth-child(3n+1) {
 margin-left: 0!important;
}

我的代码:

  <div id="content" class="clearfix row-fluid">
              <div id="main" class="span12 clearfix" role="main">

            <h2 class="text-left">Neue Fahrzeuge</h2> 
                <div class="clearfix row-fluid">
            <?php
              global $wp_query;
   query_posts( array(
  'post_type' => 'acme_product',
'posts_per_page' => 6

)); 
 while ( $wp_query->have_posts() ) : 
 $wp_query->the_post();
?><?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );?>

                <div id="front-new-video" class="span4"> 
                     <a href="<?php echo get_permalink(); ?>"><h3 id="car-title"><?php the_title(); ?></h3> </a>
                    <div class="thumbnail wrapper">
                     <div class="ribbon-wrapper-green"><div class="ribbon-green">Neu</div></div>
                   <a href="<?php echo get_permalink(); ?>"><?php the_post_thumbnail('medium');?></a>
                    <p>Preis: <span style="color:#FEF158"><?php the_field('preis'); ?> CHF</span></p>
                        <p>Jahr: <span style="color:#FEF158"><?php the_field('jahr'); ?></span></p>
                        <p>Farbe: <span style="color:#FEF158"><?php the_field('farbe'); ?></span></p>
                        <p>KM: <span style="color:#FEF158"><?php the_field('km'); ?> KM</span></p>

                        <a href="<?php echo get_permalink(); ?>"><h4> <i class="icon-chevron-sign-right"></i> Zum Fahrzeug </h4></a>
                </div>
                </div>
                   <?php 
endwhile; 

?>
              </div>





            </div> <!-- end #main -->
                </div> <!-- end #content -->

1 个答案:

答案 0 :(得分:1)

这是因为你在height: 100%上使用#front-new-video并没有真正做任何事情,因为父母身高(行 - 流量)需要在height: 100%工作。 使用固定高度或最小高度代替,您的问题将得到解决。例如height: 419px;