boostrap.css'yi editlemek gerek.

1799. satırdaki

.col-sm-6 {
width: 50%;
}

kodunu silin. Çünkü bu kod 768 pixelden büyük ekranlarda 2 tane yan yanda div yapıyor. Ancak 768 altı için bir işlevi yok. O yüzden daha düşük ekranlarda tek div görünüyor. Biz bunu silip 300 pixel üstüne 3 tane yan yana yapalım.

1777. satırda @media (min-width: 768px) yazıyor. Bunun hemen üstüne şunu girin.

@media (min-width: 300px) {
.col-sm-6 {
width: 33.333%;
float:left;
}
}

Güncelleme görünmesi için css sonundaki versiyon numarası artırılmalı.

Yedek almayı unutmayın.