Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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.