LayoutIt

Hari ini saya melakukan membuat desain web dengan bootstrap. Hal yang harusdilakukan diantaranya adalah:
1. Buka google dan ketik layoutit.com

2. Jika ada gambar seperti ini, Pilih Start Now With Bootstrap 3

 

3. Akan muncul tampilan seperti ini . Lalu pilih clear yang berada di atas berwarna biru. 

4. Jika sudah bersih buat kolom yang berada di sebelah kiri dengan ukuran :
     - 4 8
     -12
     -3 3 3 3
     -6 6
     -4 4 4 , lalu di drag .
Cara me ngedrag adalah Jika ukran sudah benar maka ada tulisan drag di sebelah kolom  lalu di tarik dan tempatkan sesuainya. contoh gambar.

5. Selanjutnya Isi kolom-kolom tersebut. contoh kolom pertama di isi dengan Gambar dan Judul. Dengan cara Klik tulisan BASSE CSS lalu pilih Image drag , kemudian tempatkan di kolom pertama. untuk mengisi kolom selanjutnya pilih title lalu drag, jika mau mengedit judul klik kanan di tulisan tsb. 

6. Untuk mengisi kolom ke dua. pilih JAVASCRIPT lalu klik Carausel Drag

7. Kolom Selanjunya, Pilih  Text kemudin drag,berhubng kolomnya 4 maka di isi sampai selesa. 

8. Lalu kolom kolom ke empat, pilih BASE CSS lalu pilih Horizontal Form kemudian di drag taruh ke kolom pertama. untuk kolom ke dua pilih Table berikut tampilannya.

 

9. Kolom terakhir. untuk kolom pertama pilih Address lalu drag. untuk kolom kedua pilih Ordered List dan kolom kedua pilih Description lalu Drag.

10. Jika semua kolom sudah di.isi tinggal di downoald yang berada di atas. tinggal pilih Downoald Zip.

Jika sudah di Downoald lihat di Downoald laru pilih src.

Selesai.. Selamat mencoba..:-)