Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Image di dalam grid bootstrap gak mau full screen
<div class="container-fluid">
<div class="row">
<div class="col-md-6"><img src="foto1.jpg" class="img-responsive"></div>
<div class="col-md-6"><img src="foto2.jpg" class="img-responsive"></div></div>
</div>
Pertanyaan saya, kenapa kedua foto tsb gak mau full screen, karena container nya fluid. Terima kasih.
8 Jawaban:
Gk mau fullscreen gimana gan.. coba tampilin hasilnya disini gan..
coba class="row" sama class="col-md-6" dihapus aja ganti begini :
<div class="container-fluid">
<img src="foto1.jpg" class="img-responsive">
<img src="foto2.jpg" class="img-responsive">
</div>
@Dodi123, coba agan lihat digambar. Di bagian atas halaman itu ada dua kotak masing-masing bisa fullscreen kanan-kiri, sedangkan bagian bawah ada dua gambar tapi gak mau fullscreen seperti ada margin, nah saya maunya gambar tersebut fullscreen kanan-kiri seperti dua kotak diatas.
@iwane021, ttp gak bisa gan, malah jadi kebawah gambar kedua nya.
Jawaban Terpilih
Atur padding nya gan..
<div class="container-fluid">
<div class="row">
<div class="col-md-6" style:"padding:0px;">
<img src="foto1.jpg" class="img-responsive">
</div>
<div class="col-md-6" style:"padding:0px;">
<img src="foto2.jpg" class="img-responsive">
</div>
</div>
</div>
Klau agan menggunakan bootstrap.. masing-masing div dengan class="col-*-*" padding nya udah di set..
@Dodi123, wah mantap gan berhasil!!! akhirnya ane bisa tidur dengan tenang...makasih gan, terima semangkok coto dari ane gan.