WordPress posts Loop in Bootstrap 3 Grid Layout

I have a problem in IE 7, 8. I am showing 3 products / row, in Firefox, Chrome, Opera and IE 9,10,11. It shows me perfect design. BUT in IE 7,8 it change complete product design. I don’t get any idea how to get perfect product view in IE 7, 8

How can i do this ?

Best Answer

If you are having problem with WordPress Posts loop in Bootstrap than you can do it.

[php]<?php
$args=array(
‘post_type’ => ‘artist’,
‘post_status’ => ‘publish’,
‘posts_per_page’ => -1,
‘caller_get_posts’=> 1
);
$my_query = null;
$my_query = new WP_Query($args);
if( $my_query->have_posts() ) {
echo ”;
$i = 0;
while ($my_query->have_posts()) : $my_query->the_post();
if($i % 4 == 0) { ?>
<div class="row">
<?php
}
?>
<p><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
<p><a href="<?php the_field(‘artist_link’); ?>"><?php the_field(‘artist_name’); ?></a></p>
<p><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img src="<?php the_field(‘artist_photo’); ?>" alt="" class="img-responsive" /></a></p>

<?php
if($i % 4 == 0) { ?>
</div>
<?php
}

$i++;
endwhile;
}
wp_reset_query();
?>[/php]

[custom-related-posts title=”You may Also Like:” none_text=”None found” order_by=”title” order=”ASC”]

Leave a Comment