tutorial pengembangan web terbaru

×

Bootstrap tutorial

BS RUMAH BS Memulai BS Grid Dasar BS Tipografi BS tabel BS gambar BS jumbotron BS Wells BS Alerts BS kancing-kancing BS Grup tombol BS Glyphicons BS Lencana / Label BS Bar kemajuan BS pagination BS Pager BS Daftar Grup BS panel BS dropdown BS Collapse BS Tab / Pills BS navbar BS Bentuk BS Inputs BS Inputs 2 BS Input Sizing BS Korsel BS modal BS tooltip BS Popover BS Scrollspy BS Afiks

Bootstrap Grid System

BS Grid System BS Ditumpuk / Horizontal BS Grid Kecil BS Grid Medium BS Grid besar BS Contoh Grid

Bootstrap tema

BS template BS Tema "Simply Me" BS Tema "Company" BS Tema "Band"

Bootstrap Exam

Bootstrap CSS Ref

CSS Tipografi CSS kancing-kancing CSS Bentuk CSS pembantu CSS gambar CSS tabel CSS dropdown CSS Navs Glyphicons

Bootstrap JS Ref

JS Afiks JS Waspada JS Tombol JS Carousel JS Collapse JS dropdown JS Modal JS Popover JS Scrollspy JS tab JS tooltip

Bootstrap CSS Gambar Referensi

❮ Sebelumnya Berikutnya Referensi ❯

Bootstrap Images

Sudut tumpul:

Cinque Terre

Lingkaran:

Cinque Terre

thumbnail:

<img> Kelas

Kelas bawah ini dapat digunakan untuk gaya gambar apapun:

Kelas	Deskripsi	Contoh
.img-rounded	Menambahkan sudut dibulatkan ke gambar (tidak tersedia di IE8)	Cobalah
.img-circle	Membentuk gambar ke lingkaran (tidak tersedia di IE8)	Cobalah
.img-thumbnail	Membentuk gambar untuk thumbnail	Cobalah
.img-responsive	Membuat gambar responsif (akan skala baik untuk elemen induk)	Cobalah

Gambar responsif

Membuat gambar responsif dengan menambahkan .img-responsive kelas ke <img> tag. gambar maka akan skala baik untuk elemen induk.

The .img-responsive kelas berlaku max-width: 100% , height: auto , dan display:block pada gambar:

Contoh

<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">

Cobalah sendiri "

❮ Sebelumnya Berikutnya Referensi ❯