membuat bootstrap lewat layoutit

  Assalamualaikum wr.wb
Hari ini saya akan shering tentang membuat bootstrap lewat layoutit.
-Langkah-langkah.
1.Buka browser lalu ketikkan layoutit.

2.Pilih pilih layoutit-interface builder for bootstrap.

3.Lalu klik. akan muncul gambar seperti ini.

4.Pilih START NOW with bootstrap lalu anda klik.

5.Lalu klik tombol remove untuk menghapus.
setelah anda klik tombol remove akan muncul gambar seperti ini.

6.Lalu pilih desain/colom yang anda inginkan.
contoh.
untuk menentukan jumlah colom.

Untuk menaruh colom yang telah anda pilih.

7.Ini contoh desainnya.

8.Gambar untuk mengambil colom-colom desain.

9.Kalau sudah membuat desai langsung klik Download.

10. Pilih continue non loged.

11. Lalu pilih Download.zip

 

12.Pilih save file.

Cara menampilkan bootstrip ke Blufish.
-Setelah anda Download. lihat di menu lalu lihat di Download.

-Kalau sudah masuk di Download pilih layoutiti.zip lalu anda klik kanan pilih extract here.
-Kalau sudah anda extract here akan muncul documen layoutit seperti ini.

Lalu anda klik layoutit.

-Lalu pilih index.html klik kanan pilih open with pili Bluefish.
setelah anda klik Bluefish akan muncul  text seperti ini.

Tinggal anda edit sesuka hati.

selesai.
Sekian shering dengan saya. silakan mencoba dan semoga berhasil.
Wassalamualaikum wr.wb.