CARA MEMBUAT ICON DENGAN BOOTSTRAP ( PART 7 )

Guys kali ini saya melanjutkan latihan bootstarp sampai part 7 dan disini saya memposting bagaimana cara membuat icon pada bootstrap.

A. Pengertian
Bootstrap adalah framework atau tools untuk membuat aplikasi web atau website yang bersifat responsive secara cepat, mudah dan gratis. Kata 'responsive' disini berarti bahwa tampilan web (lebar dan susunan isinya) dapat berubah otomatis sesuai dengan lebar layar yang menampilkanya.
Salah satu website besar yang menggunakan framework bootstrap. Mengapa bisa demikian? Karena Bootstrap sendiri dikembangkan oleh developer twitter sehingga Bootstrap juga disebut " Twitter Bootstrap" Dengan bootstrap, kita dapat membuat responsive website dengan cepat dan mudah  dapat berjalan sempurna pada browser-browser modern seperti Firefox, Google Chrome, Safari, Opera, Dan Internet Exploler.

B. Latar belakang

Salah satu kemudahan Botstrap yaitu Bootstrap terdiri dari CSS dan HTML untuk menghasilkan Grid, Layout, Tifografi, Tabel, Form, Navigasi dan lain-lain. Di dalam Bootstrap juga sudah terdapat Javascript (jQuery Pluigns) untuk menghasilkan komponen UI yang cantik transtition, Modal, Dropdown, scroolspy, ToolTip, PopOver, Tab, Alert, Button, Carousel, dan lain-lain.

C. Alat dan Bahan

• PC / Laptop
• CSS Bootstrap

CARA MEMBUAT ICON DENGAN BOOTSTRAP

Cara membuat icon pada bootstrap - Bootstrap menyediakan fasilitas untuk membuat atau menampilkan icon dengan sangat mudah, fasilitas ini disebut dengan "Glyphicon" ada banyak icon yang disediakan oleh bootstrap. Dan masing - masing sudah diberi nama dan kita hanya perlu memanggil nama classnya masing - masing untuk menampilkan icon bootstrap yang diinginkan.

Untuk menampilkan icon bootstrap yang pertama kali harus dilakukan adalah menambahkan class "glyphicon" di dalam tag <span> .pembuka. Setelah menambahkan class glyphicon kemudian menambahkan nama class icon masing - masing sesuai dengan icon yang kita inginkan. untuk melihat icon-icon yang sudah disediakan oleh boostrap anda bisa melihatnya langsung pada situs resmi boostrap di  http://getbootstrap.com/components/#glyphicons.

Cara membuat icon dengan bootstrap

Hasilnya

E. Kesimpulan

Kalau seandainya kita butuh icon seperti ini maka kita gunakan icon yang sudah saya posting

F. Refrensi

http://www.malasngoding.com/cara-membuat-icon-dengan-bootstrap/ 

G. Penutup

Sekian postingan kali ini semoga bermanfaat.