PENGERTIAN
Boostrap adalah tools yang dapat digunakan untuk membuat website secara cepat dan mudah.
LATAR BELAKANG
Untuk melengkapi fitur yang ada di website.
MAKSUD DAN TUJUAN
Dapat mengimplementasikan bootstrap.
HASIL YANG DIHARAPKAN
Dapat membuat galeri menggunakan bootstrap.
URAIAN ATAU LANGKAH-LANGKAH KEGIATAN
Untuk membuat galeri ini, kita membutuhkan file bootstrap.css dan bootstrap.min.css. Selain itu, disini saya juga menyediakan 3 gambar yang akan saya tampilkan nanti. Dan untuk pembuatannya perhatikan script dibawah ini :
Maka, hasilnya akan seperti ini :<div id="Galeri" class="foto"><div class="container">
<h2>Galeri</h2>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img src="img/3.jpeg" alt="Lights" style="width: 400px; height: 300px;">
<div class="caption">
<p>Lorem ipsum donec id elit non mi porta gravida at eget metus.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="img/4.jpeg" alt="Nature" style="width: 400px; height: 300px;">
<div class="caption">
<p>Lorem ipsum donec id elit non mi porta gravida at eget metus.</p>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="img/5.jpeg" alt="Fjords" style="width: 400px; height: 300px;">
<div class="caption">
<p>Lorem ipsum donec id elit non mi porta gravida at eget metus.</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
TEMUAN PERMASALAHAN
-
KESIMPULAN
Untuk membuat galeri ini sangatlah mudah. Dengan bantuan bootstrap, galeri akan terlihat lebih rapi dan tentunya lebih cantik.
REFERENSI
https://www.w3schools.com/bootstrap/bootstrap_images.asp
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon