Boostrap Footer using cards with images

[Shona]

Hi,

I having a problem with the footer on the website that I am creating. I have placed 3 individual images in to 3 cards within the footer. How do I the cards to line up? Or is there a better solution? Any help gratefully received.

Homepage located at: www.sgdr.co.uk

Shona

[thetoolsmith]

Hi,

I having a problem with the footer on the website that I am creating. I have placed 3 individual images in to 3 cards within the footer. How do I the cards to line up? Or is there a better solution? Any help gratefully received.

Homepage located at: www.sgdr.co.uk

Shona

I just took a look at your link but don't see any footer...

[Puzzle]

Hi, thanks for taking the time to reply. I've can't get the images to display on the same row The code I have at the moment is as follows.
<!-- New Row -->
<!-- Images -->

<div class="col-xs-12 col-md-8">
<div class="row">

<!-- Club Logo -->
<div class="col-xs-4 col-md-4">
<img src="images/test_logo.jpg" class="img-responsive" alt="Logo" align="left">
</div>
<!-- /. Club Logo-->

<!-- Kennel Club Puppy Farming Banner & Link -->
<div class="col-xs-4 col-md-4">
<a href="http://www.thekennelclub.org.uk/our-resources/kennel-club-campaigns/puppy-farming"/>
<img src="images/banner.jpeg" class="img-responsive" alt="Kennel Club" align="middle">
</div>
<!-- /. Kennel Club Puppy Farming Banner -->

<!-- Facebook Link -->
<div class="col-xs-4 col-md-4">
<a href="http://www.facebook.com"/>
<img src="images/facebook.png" class="img-responsive" alt="facebook" align="right">
</div>
<!-- /. End Facebook Link -->
</div>
<!-- End Row-->
</div>
<!-- End Col -->

<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright &copy; Scottish Great Dane Club 2017</p>
<a href="sitemap.xml"/>
</div>
</div>
</footer>
</div>

<!-- /.container -->

<!-- jQuery -->
<script src="js/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Script to Activate the Carousel -->
<script>
$('.carousel').carousel({
interval: 5000 //changes the speed
})
</script>

</body>

</html>

Many thanks
Shona

[Puzzle]

Hi, thanks for taking the time to reply. The correct address is: scottishgreatdaneclub.co.uk I don't have the code on that isn't working! I've can't get the images to display on the same row The code I have at the moment is as follows.
<!-- New Row -->
<!-- Images -->

<div class="col-xs-12 col-md-8">
<div class="row">

<!-- Club Logo -->
<div class="col-xs-4 col-md-4">
<img src="images/test_logo.jpg" class="img-responsive" alt="Logo" align="left">
</div>
<!-- /. Club Logo-->

<!-- Kennel Club Puppy Farming Banner & Link -->
<div class="col-xs-4 col-md-4">
<a href="http://www.thekennelclub.org.uk/our-resources/kennel-club-campaigns/puppy-farming"/>
<img src="images/banner.jpeg" class="img-responsive" alt="Kennel Club" align="middle">
</div>
<!-- /. Kennel Club Puppy Farming Banner -->

<!-- Facebook Link -->
<div class="col-xs-4 col-md-4">
<a href="http://www.facebook.com"/>
<img src="images/facebook.png" class="img-responsive" alt="facebook" align="right">
</div>
<!-- /. End Facebook Link -->
</div>
<!-- End Row-->
</div>
<!-- End Col -->

<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright &copy; Scottish Great Dane Club 2017</p>
<a href="sitemap.xml"/>
</div>
</div>
</footer>
</div>

<!-- /.container -->

<!-- jQuery -->
<script src="js/jquery.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>

<!-- Script to Activate the Carousel -->
<script>
$('.carousel').carousel({
interval: 5000 //changes the speed
})
</script>

</body>

</html>

Many thanks
Shona