0

I am new to Bootstrap. So far, I was able to customize the template I based my webpage on to what I want, but I am currently having trouble adding a carousel to the fourth page. I tried to google around for working codes using a carousel away from the top of the page, but I didn't find any except one having a separate page for it. It is not possible using Bootstrap on the same webpage? Here is the link to the web template I am struggling with: Software Landing Page

Ice Drake
  • 89
  • 1
  • 13
  • You can use a carousel anywhere on your page if bootstrap.js is included, which it is. – Steven B. Aug 13 '16 at 01:07
  • Then it must be the template I am using. It is preventing me to add a properly formatted carousel. The template used divides each page using section tag followed by a few inner div tags. Adding the code for the carousel to a section will cause its height to shrink to a height much less than half of the improper carousel can be seen. – Ice Drake Aug 13 '16 at 02:28
  • Put the code inside of the `
    ` and set a height on the carousel.     – Steven B. Aug 13 '16 at 19:55

1 Answers1

0

Thanks, lameemon. That was what I needed. I had the right div tags, but I just need to set a height for the carousel or the section is cut down in height.

I achieved that from the answer for this question:

<style>
.carousel .item {
  height: 400px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}
</style>
Community
  • 1
  • 1
Ice Drake
  • 89
  • 1
  • 13