Html 引导行流体跨距跳线
我正在运行一个查询,该查询在一行中输出一个span4元素。我在css中添加了代码,以删除第三个span4行中留下的边距。到目前为止,这也起到了作用,但突然之间,第4跨中的一个跳线了。有什么建议可以解释为什么这个突然停止工作了吗 您可以在此处看到该页面: 我的css:Html 引导行流体跨距跳线,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在运行一个查询,该查询在一行中输出一个span4元素。我在css中添加了代码,以删除第三个span4行中留下的边距。到目前为止,这也起到了作用,但突然之间,第4跨中的一个跳线了。有什么建议可以解释为什么这个突然停止工作了吗 您可以在此处看到该页面: 我的css: .row-fluid [class*="span"]:nth-child(3n+1) { margin-left: 0!important; } 我的代码: <div id="content" class="clea
.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 -->
新法尔泽格酒店
纽
Preis:CHF
贾哈尔:
法尔贝:
公里:公里
这是因为您在#front new video
上使用了height:100%
,但实际上没有任何作用,因为需要为height:100%
定义父母身高(行流体)。
改用固定高度或最小高度,您的问题就会得到解决。e、 g高度:419px代码>