Tutorial Pemula - NewBie

Pengertian Dan Cara Menggunakan Bootstrap

Pengertian Dan Cara Menggunakan Bootstrap- Bootstrap adalah sebuah library framework CSS yang di buat khusus untuk bagian pengembangan front-end website. bootstrap merupakan salah satu framework HTML, CSS dan javascript yang paling populer di kalangan web developer. pada saat ini hampir semua web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi lebih mudah dan sangat cepat. karena anda hanya perlu menambahkan class-class tertentu untuk misalnya membuat tombol, grid, navigasi dan lainnya.

Bootstrap telah menyediakan kumpulan komponen class interface dasar yang telah di rancang sedemikian rupa untuk menciptakan tampilan yang menarik, bersih dan ringan. selain komponen class interface, bootstrap juga memiliki fitur grid yang berfungsi untuk mengatur layout pada halaman website yang bisa digunakan dengan sangat mudah dan cepat. dengan menggunakan bootstrap kita juga di beri keleluasaan dalam mengembangkan tampilan website yang menggunakan bootstrap yaitu dengan cara mengubah tampilan bootstrap dengan menambahkan class dan CSS sendiri.

Salah satu contoh website besar yang menggunakan framework bootstrap adalah Twitter, tentu anda sudah familiar dengan twitter bukan ? yap, interface twitter di bangun dengan menggunakan bootstrap. karena sebenarnya bootstrap di kembangkan oleh developer twitter sendiri sehingga bootstrap sering juga di sebut “twitter bootstrap”. Bootstrap berisi kumpulan class yang siap pakai. misalnya anda ingin membuat sebuah tombol dengan cepat dan tanpa harus merancang dan mengetikkan syntax css untuk membuat sebuah tombol, maka dengan bootstrap anda dapat membuatnya dengan sangat cepat, yaitu hanya dengan menambahkan class “btn” dan menambahkan class btn tambahan yang akan kita jelaskan pada tutorial selanjutnya.

Tentu anda bertanya-tanya kenapa sangat banyak yang telah menggunakan bootstrap dalam pengembangan website. berikut ini akan di jelaskan beberapa kegunaan yang telah menjadi kelebihan pada bootsrap. adapun beberapa kelebihan bootstrap adalah sebagai berikut.

    Penggunaan bootstrap sangat menghemat waktu.
    Tampilan bootstrap yang sudah cukup terlihat modern.
    Mobile Friendly yang maksudnya tampilan bootstrap sudah sangat responsive, yaitu tampilan bootstrap sudah mendukung segala jenis resolusi, baik itu pc, laptop, tablet dan smartphone.
    Sangat ringan karena bootstrap di buat dengan sangat terstruktur.
    Dan masih banyak lagi kelebihan dan kegunaan dari bootstrap yang akan anda temukan sendiri setelah mencoba membangun sebuah aplikasi berbasis web dengan menggunakan bantuan framework css bootstrap.

Cara menggunakan bootstrap

Pertama anda dapat mendowload boostrap di website resminya bootstrap Getting-started bootstrap

anda dapat membaca penjelasan lebih lanjut di website boostrap, disana terdapat semua komponen untuk membuat tampilan website lebih cepat dan responsive. anda hanya perlu mempelajari struktur atau pola dari boostrap. Library boostrap dapat anda lihat di boostrap komponen

Komponen Boostrap

anda dapat mempelajari juga komponen bootstrap yang sudah saya sediakan untuk anda, dan terdapat source code untuk membuatnya.sangat mudah

Lihat Contoh Komponen Bootstrap

Develindo Web | Tutorial Pemrograman Website