Results 1 to 4 of 4

Thread: Bootstrap carousel height size 100px doesn't work.

  1. #1
    Junior Member
    Join Date
    Jul 2015
    Posts
    9

    Bootstrap carousel height size 100px doesn't work.

    Hello, I added the Bootstrap carousel code from http://www.w3schools.com/bootstrap/b...p_carousel.asp
    The carousel works, but when I add the 1st image with size 143x100px, the carousel goes crazy.

    How can I adjust the Bootstrap carousel to handle all images at a height of 100px?

  2. #2
    add a class to all your images that pre-define a width and height and it would something like this:

    Code:
    .pred{
    width:100px;
    height:100px;
    }
    <img class="pred" src="img_chania2.jpg" alt="Chania">

  3. #3
    Junior Member
    Join Date
    Jul 2015
    Posts
    9
    Thanks.
    Yes, I added a CSS file with the above code.
    I then called the CSS file in the head tags.
    However, CSS not affecting the images for some reason.

  4. #4
    Junior Member
    Join Date
    Jul 2015
    Posts
    9
    Okay, I've fixed this. Moving onto the next problem of integrating Bootstrap carousel into an existing carousel.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •