Saturday, 3 September 2016

nn

Percantik Paging dengan Bootstrap

Hallo...
Semangat pagi !

Selain PHP, minggu ini saya juga akan posting tentang Bootstrap. Bagi kalangan awam di dunia programming seperti saya, pasti menganggap bahwa Bootstrap itu sangat susah. Tapi ketika Saya lebih mendalaminya lagi, ternyata Bootstrap itu cukup gampang, ketika kita tahu logikanya.


Pengertian

Bootstrap adalah gabungan HTML, CSS dan JavaScript atau framework yang paling populer untuk mengembangkan web responsive yang pertama. Bootstrap bersifat open source, dan gratis untuk di download dan menggunakannya.

Latar Belakang

Dalam pembuatan pemrograman berbasis web ataupun berbasis dekstop, responsive sangat di perlukan duna menunjang tampilan ketika dibuka di handphone, tablet ataupun lainnya. Dengan penggunaan Bootsrap tampilan yang kita lihat di PC otomatis akan menyesuaikan ketika dibuka di Handphone, tablet, ataupun yang lainnya.


Maksud dan Tujuan

Untuk memberi wawasan dan referensi kepada teman-teman tentang Bootstrap dan tag-tag dalam Bootstrap.

Jangka Waktu Kegiatan

Untuk membuat tampilan paging dengan Bootstrap tidak membutuhkan waktu yang lama, kurang dari 10 menit pembuatan paging dengan Bootstrap telah selesai.

Alat dan Bahan 

1. Komputer atau Laptop.
2. Sublime text atau text editor lainnya.

Tahapan dan Langkah kegiatan

Berikut adalah tahap-tahap pelaksanaannya :

1. Download terlebih dahulu tamplate Bootstrap disini.

2. Ekstract filenya dan pindahkan folder js, css, dan fonts.

3. Buat file index.php.

4. Tulislah kode berikut :



5. Jangan lupa memberi koneksi css nya.

    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

6. Simpan, dan selesai.

Hasil

Telah memuat paging dengan tampilan dari Bootstrap.

Kesimpulan

Bootstrap adalah tamplate yang dapat digunakan ketika Kita akan membuat website ataupun yang lainnya, dan Bootstrap merupakan tamplate yang responsive.

Referensi

-

nn

About nn -

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :