Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problem with Bootstrap image gallery clearing

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #201305

    I’m having problems with a bootstrap image gallery. For some reason some of the gallery divs are clearing down to the next column. I’m pretty sure every image is the exact same dimensions. I even tried using placeholder images where they are all the same and it’s still happening. It doesn’t seem to be a problem though when they resize at smaller screen sizes.

    Here is a link to the site:

    http://aaronhaas.com/carolina-stair2/wood-products.html

    any ideas?

    <section class="module no-padding ">
        <div class="container">
    
            <div class="row products">
    
                <h2 class="red text-center p20 features-title">Our Collection Of Wood Stair Products</h2>
    
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 product-series">
                    <a href="#" data-toggle="modal" data-target="#Biltmore_Balusters">
    
                        <img class="img-responsive img-rounded" src="assets/img/balusters_newels/Biltmore_Balusters_thumb.jpg" width="262" height="174">
                        <h5>Biltmore Series Balusters</h5>  
                    </a>
                </div><!-- close col -->
    
                <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 product-series">
                    <a href="#" data-toggle="modal" data-target="#">
                        <img class="img-responsive img-rounded" src="assets/img/balusters_newels/Biltmore_Newels_thumb.jpg" width="262" height="174">
                        <h5>Biltmore Series Newels</h5> 
                    </a>
                </div><!-- close col -->
    …
    …
    
    #201306
    Paulie_D
    Member

    Some of the images don’t seem to be linked on the linked page but I’m not seeing any “clearing” problems in Chrome.

    #201307

    Your right it looks fine in chrome and firefox, but not safari.

    Here is a screen shot of it on safari:
    http://aaronhaas.com/carolina-stair2/screenshot.png

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.