Kukuh Setiawan. Gambar template oleh centauria. Diberdayakan oleh Blogger.

Rabu, 18 Januari 2017

Tutorial Jumbroton Bootstrap Bahasa Indonesia

Membuat Header Halaman

Sebuah header halaman seperti bagian divider.
The .page-header kelas menambahkan garis horizontal di bawah judul (+ menambahkan beberapa ruang tambahan di sekitar elemen):
Misalnya Header Halaman
Gunakan
elemen dengan kelas .page-header untuk membuat header halaman:
Contoh
 

Jumbotron luar Kontainer

Tempatkan jumbotron luar
jika Anda ingin jumbotron untuk memperpanjang ke tepi layar:
Contoh :
 

Bootstrap Tutorial

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.
This is some text.
This is another text.

Jumbotron Inside Container

Tempatkan jumbotron dalam
jika Anda ingin jumbotron untuk tidak memperpanjang ke tepi layar:
Contoh :
 

Bootstrap Tutorial

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.
This is some text.
This is another text.
Read More

Selasa, 17 Januari 2017

Tutorial Gambar Bootstrap Bahasa Indonesia

Gambar responsif

Gambar datang dalam semua ukuran. Jadi lakukan layar. gambar responsif secara otomatis menyesuaikan agar sesuai dengan ukuran layar.
Membuat gambar responsif dengan menambahkan .img-responsive kelas ke tag. gambar maka akan skala baik untuk elemen induk.
The .img-responsive kelas berlaku display: block; dan max-width: 100%; dan height: auto; untuk gambar:
Contoh :
Chania

Lingkaran

The .img-circle kelas bentuk gambar ke lingkaran (IE8 tidak mendukung sudut dibulatkan):
Contoh :
Cinque Terre

Sudut tumpul

The .img-rounded kelas menambahkan sudut bulat untuk gambar (IE8 tidak mendukung sudut dibulatkan):
Contoh :
Cinque Terre
Read More

Senin, 16 Januari 2017

Tutorial Tabel Bootstrap Bahasa Indonesia

Seperti pada html pada umumnya, bedanya tinggal panggil class css yang disediakan bootstrap. Cara cepat mempelajari bootstrap yaitu tinggal copas class dari tutorial bootstrap sebagai berikut :


 



Bootstrap Example








Basic Table

The .table class adds basic styling (light padding and only horizontal dividers) to a table:
Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

macam-macam table :
.table
.table-striped
.table-bordered
.table-hover
.table-condensed
.table-responsive
contoh penggunaan .table-striped :
 
Read More

Minggu, 15 Januari 2017

Tutorial Grid Dasar Bootstrap Bahasa Indonesia

Contoh berikut menunjukkan bagaimana untuk mendapatkan tiga kolom yang sama-lebar mulai dari tablet dan skala untuk desktop besar. Pada ponsel, kolom secara otomatis akan menumpuk:
Contoh :
 
.col-sm-4
.col-sm-4
.col-sm-4

Grid Kelas
Sistem Bootstrap jaringan memiliki empat kelas:
  • xs (untuk ponsel)
  • sm (untuk tablet)
  • md (untuk desktop)
  • lg (untuk desktop yang lebih besar)
Kelas-kelas di atas dapat dikombinasikan untuk membuat layout yang lebih dinamis dan fleksibel. Yang perlu diingat Total grid adalah 12
Read More

statistics

Translate

Contact Us

Nama

Email *

Pesan *