Latest Movie :
Recent Movies
Tampilkan postingan dengan label BootStrap. Tampilkan semua postingan
Tampilkan postingan dengan label BootStrap. Tampilkan semua postingan

Sekilas Tentang Bootstrap

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.
Bootstrap juga memudahkan pengaturan website bagi mereka yang kurang mahir coding atau tidak punya waktu banyak. Sekumpulan javascript dan CSS yang dibutuhkan untuk banyak sekali widget ada dalam satu file yang terus di update oleh pengembang. Pemilik website tidak akan lagi disibukkan dengan pengaturan css atau javascript berlebihan. Mereka hanya perlu menentukan gadget atau elemen apa yang ingin ditampilkan dalam bentuk HTML standart bootstrap yang sangat simple.
Misalkan, dulu untuk menambahkan menubar di blogspot, maka Anda perlu menyisipkan file CSS, HTML bahkan JavaScript untuk effect tertentu. Kemudian ketika Anda ingin menambahkan dropdown menu, maka per widget, paling tidak Anda butuh menambahkan CSS dan HTML lagi. Belum lagi jika ingin lebih menarik akan dibutuhkan javascript tambahan. Begitu seterusnya setiap penambahan widget selalu dibutuhkan banyak kode. Tapi setelah instalasi bootstrap, Anda hanya perlu menambahkan kode HTML nya saja.
Tapi...  Penggunaan bootstrap kadang membuat kita jadi kurang kreatif, Coding yang sudah di buatkan oleh pengembang membuat desain web kita terbatas. Sebenarnya kita masih bisa tambahkan CSS manual pada elemen-elemen bootstrap untuk mempercantiknya, tapi jelas ini membuat web kita nanggung. Menambahkan CSS manual sama saja kembali ke cara lama.
Jadi, pilihan Anda apakah akan mengikuti perkembangan jaman bersama bootstrap, editing dan kelola website secara instan. Atau lebih suka oprek template sendiri berkutat dengan kode CSS yang Anda susun-susun sendiri.
Jawabannya, tentu sesuai kebutuhan dan kepuasan Anda.


 Penjelasan:

Langkah Drag & Drop Interface Builder for Bootstrap

  Buka URL http://www.layoutit.com/build?r=22909134 akan muncul seperti gambar dibawah ini:
Klik pada gambar untuk memperbesar.

 Kemudian Klik Start Now, seperti pada gambar:

Setelah Anda klik, akan muncul tampilan seperti berikut:


Pilih Clear, seperti gambar dibawah ini:

Dan akan muncul tampilan seperti ini:


Lakukan Drag & Drop sesuai pada gambar berikut, untuk melakukannya bebas untuk di tempatkan menurut keinginan.

Setelah itu, selesaikanlah menurut keinginan Anda.
Selesai, Terima Kasih


 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Gustini Qomsyatun - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger