BOOTSTRAP : Mengenal File yang ada di dalam Bootstrap


MENGENAL BOOTSTRAP Bootstrap terdiri dari CSS dan HTML untuk menghasilkan Grid , layout ,Tifologi , Tabel , Form ,Navigasi dan Lain-lain . Di dalam Bootstrap juga sudah terdapat javascript (jQuery Plugins) untuk menghasilakn komponen UI yang cantik seperti Transitions , Modal , DropDown , ScrollSPy , ToolTip , Popover , Tab , Alert , Button ,Carousel , dan lain-lain.

LATAR BELAKANG 
Platform ini hanya menggunakan sedikit coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat.




STRUKTUR FOLDER DAN FILE BOOTSTRAP

Bootstrap bisa di download secara gratis di webside resmi di http://getbootstrap.com/
pada Folder css terdapat enam file , yaitu :

  • bootstrap.css, file css yang biasanya digunakan untuk devolopment,
  • bootstrap.css.map, file css yang dihasilkan CSS Preprocessor , seperti Sass , Less , atau Stylus . File ini dapat kita edit menggunakan developer ( debuggers ) yang tersedia di browser Firefox dan Chrome .
  • bootstrap.min.css, file css yang biasanya digunakan dalam prodution ,
  • bootstrap-theme.css, file css tambahan terhadap file bootstrap.css ,fungsinya untuk memperindah tampilan bootstrap .
  • bootstrap-theme.css.map, file ini sama seperti bootstrap.css.map adalah file yang dihasilkan oleh CSS Preprocessor .
  • bootstrap-theme.min.css, file ini digunakan bootstrap theme.css untuk digunakan pada saat production.
pada Folder fonts terdiri dari lima file, yaitu glyphicons yang berisi 263 icon. semua file tersebut isinya sama saja perbedaanya adalah :
  • jika File dengan Ekstension .eot , untuk menampilkan font di browser IE / Microsoft .
  • jika File dengan Ekstension .svg , untuk menampilkan font di browser Chrome , Safari dan Opera .
  • dan jika dengan Ekstension .ttf , bisa di buka di semua browser .
Pada Folder js (javascript) terdiri dari tiga file , yaitu bootstrap.js dan versi mininya yaitu bootstrap.min.js dan file npm.js.
file bootstrap.js berisi fungsi-fungsi javascript yang langsung dapat digunakan (plug-in) untuk membuat tampilan komponen bootstrap lebih interaktif.
Adapun file npm.js hanya digunakan apabila kita menggunakan bootstrap bersama node.js.

KESIMPULAN
Bootstrap adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan sedikit coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat.
 

REFERENSI
http://www.bimablctelkom.com/2016/11/mengenal-bootstrap-dan-folder-folder-di.html





Previous
Next Post »