carousel di dalam modal

assalammualikum selamat malam,

saya mau tanya setelah dapat kode dari inet trus saya applkasikan kok ga bisa yak.....

mohon bantuannya ya gan thankss

 html>
  <head>
    <title>Menampilkan Kode HTML pada Browser</title>
  </head>
   <body>
<div class="container-fluid">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <a data-toggle="modal" href='#modal-id'><img src="https://i.ytimg.com/vi/pGYlfHKaOyA/maxresdefault.jpg" class="img-responsive img-thumbnail"></a>
          <div class="modal fade" id="modal-id">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                  <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                  <!-- slider -->
                    <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="https://i.ytimg.com/vi/pGYlfHKaOyA/maxresdefault.jpg" class="img-responsive img-thumbnail">
                        </div>
                        <div class="item">
                          <img src="http://www.sonyadj.com/wp-content/uploads/2013/10/11.jpg" class="img-responsive img-thumbnail">
                        </div>
                        <div class="item">
                          <img src="https://cdn-az.allevents.in/banners/d45746c1ea7ad20d72237e11f9be0d27" class="img-responsive img-thumbnail">
                        </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>
                  <!-- tutup slider -->
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4"></div>
        <div class="col-md-4"></div>
      </div>
    </div>
  </div>

  </body>
</html>

css

@dennz

7 Kontribusi 1 Poin

Diperbarui 7 tahun yang lalu

4 Jawaban:

gabisanya ga muncul atau gimana gan ? link bootstrapnya udah di linkin gan ?

@nanto88

122 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

Bisa gan :D

@dennz

7 Kontribusi 1 Poin

Dipost 7 tahun yang lalu

Bagaikan mobil yg ga ada mesinnya tapi berharap bisa jalan :v

@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 7 tahun yang lalu

gan mau nanya lag nih hehe.. klo modal dan ncarousel ane perbanyak dan ane isi image, kok semua pada ngikut semua gambarnya sama gan .. cara misahinnya gmn nih gan thanks yak :D

@dennz

7 Kontribusi 1 Poin

Dipost 7 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

carousel di dalam modal

Kelas Premium!
Belajar bikin website dari nol sekarang