cara custom ukuran gambar di bootstrap

Saya punya 2 pertanyaan : 1. Bagaimana cara custom ukuran gambar di bootstrap agar tetap responsive? 2. Bagaimana cara menambahkan css baru yang benar pada bootstrap?

Terimakasih :)

html

@yandijambi

1 Kontribusi 0 Poin

Diperbarui 8 tahun yang lalu

1 Jawaban:

1.di bootstrap udah disediain namanya grid system.. yaitu untuk mengatur ukuran kolom kolom dalam satu baris.. kalo udah menggunakan grid system. biasanya sudah responsive.. ukurannya tersedia dari 1 - 12.. untuk lebih responsive lagi , bisa ditambahkan class "img-responsive" documentasinya di http://getbootstrap.com/css/#grid contohnya bisa pake ini

<div class="row">
            <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                <a class="thumbnail" href="#">
                    <img class="img-responsive" src="" alt="">
                </a>
             </div>

2. sebenernya sih untuk menambahkan css bisa dilakukan 3 cara: internal(embedded), inline, external. silahkan baca http://jintoples.blogspot.co.id/2012/12/cara-penulisan-css.html#.VsfgyXo8qao dari 3 cara itu semuanya benar, dan semuanya bisa dipakai. tapi kalo mau pakai yang external (buat file css baru), lebih baik buatnya satu folder dengan folder bootstrap diletakan. supaya lebih mudah untuk manggilnya. CMIIW :)

@demaram

51 Kontribusi 33 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

cara custom ukuran gambar di bootstrap

Kelas Premium!
Belajar bikin website dari nol sekarang