Sekarang banyak orang melayari internet melalui SmartPhone, seperti update status, upload gambar, dan tidak terkecuali mengakses sebuah website. Dengan banyaknya orang yang mengakses website melalui mobile device, secara automaticnya permintaan untuk dibuatkan website yang bersesuaian dengan berbagai-bagai device pun akan meningkat.
Dengan keadaan seperti itu, developer / pembina website mungkin akan ‘kebanjiran’ projek untuk membuatkan website yang dapat diakses oleh berbagai device (Android, Blackberry, IPhone, IPad, dan sebagainya). Untuk mengatasi masalah itu, maka munculah Responsive Web Design.
Apa itu Responsive Web?
Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website yang dapat disesuaikan dengan pelbagai device pengunjung, baik ukuran mahupun orientasinya. Jadi preview yang berada di desktop komputer dengan preview yang diakses melalui SmartPhone misalnya, itu akan berbeda.
Untuk mencoba preview yang menggunakan teknik Responsive tersebut kita tidak perlu menggunakan device, hanya cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device.
Berikut Skrip dasar HTML dengan menggunakan Bootstrap
Cara mengaktifkan fitur responsive Bootstrap
Dengan menambahkan tag <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> maka sekarang template bootstrap sudah mempunyai fitur responsive. Karena masih sederhana hanaya menampilkan teks Hello, world! jadi belum terasa fitur responsive-nya. Lihat gambar berikut :
0 komentar:
Posting Komentar