0
我用Bootstrap轮播显示图像。但在同一页上,我有两个不同的旋转木马。现在我想给出一个轮换其他css规则比第二个。但是当我改变了那个,第二个会做同样的css规则。这是我的代码:bootstrap第二个轮播其他css规则
<div id="myCarousel_port" class="carousel_port">
<div class="carousel-inner" id="carousel_portfolio">
<?php
$args = array (
'posts_per_page' => 1,
'post_type' => array('post','werk')
);
$home_recent = new WP_Query($args);
if($home_recent ->have_posts()) :
while($home_recent ->have_posts()) :
$home_recent ->the_post();
$post_type = get_post_type($post->ID);
$image = get_field('foto');
//Voor de eerste active item te tonen ?>
<div class="item active">
<img src="<?php echo $image['url']; ?>" width="100%">
<p><?php the_field('materiaal'); ?></p>
<p><?php the_field('afmetingen'); ?></p>
</div>
<?php endwhile; endif; wp_reset_postdata(); ?>
我的CSS文件:
#carousel_portfolio
width: 100%
min-height: 70vh
text-align: right
text-indent: 10px
.carousel_port
width: 60%
min-height: 50vh
margin-left: 20%
margin-top: 2px
对于CSS我用SASS。我的bootstrap包含了来自getbootstrap.com的网址。有没有人可以帮助我呢?
它的工作原理,只是转盘没有工作。他展示了所有的图像。 –