How to align Carousel with Jumbotron?

Asked

Viewed 62 times

0

    <div class="jumbotron text-center ">
        <h1>Titulo</h1>
        <p>Subtitulo</p>
    
    </div>
    <!-- end top -->

  <div id="carousel-example-generic"  class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="img/img1.jpg" alt="...">
            <div class="carousel-caption">
              <h1>Texto 1 blah blah blah</h1>
            </div>
          </div>
          <div class="item">
            <img src="img/img2.jpg" alt="...">
            <div class="carousel-caption">
              <h1>Texto 2 blah blah blah</h1>
            </div>
          </div> 
          <div class="item">
            <img src="img/img3.jpg" alt="...">
            <div class="carousel-caption">
              <h1>Texto 3 blah blah blah</h1>
            </div>
          </div>
          ...
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

  • Please let us know if you have any css other than the one shown, js also...

  • Is Bootstrap 3 or 4?.

  • Good afternoon, is the 3.3.7, I’m taking a course and following the parameters so I used this, but I stopped in this situation, CSS and JS is the own bootstrap.

  • But what do you mean by "align" they are misaligned? What’s wrong with the layout, be more specific

  • Good morning, sorry for the expression so I wish I could leave the two elements glued together, because I have a Nav, below a Jumbotron and below a Carousel. The Nav is first to the top, just assigns the class to it navbar-Fixed-top and took the spacing between the Nav and the div Jumbotron.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.