Membuat From Dengan Bootstrap
Dalam bootstrap telah menyediakan class khusus untuk membuat form untuk mendapatkan hasil from
yang menarik bootstrap telah membuat Design From menjadi 3 model yaitu di bawa ini :
- From dengan model vertikal
From dengan modal vertikal ini merupakan from defalut Bootstrap.
- From dengan model inline
From dengan model inline adala sebuah from yang label dan from inputnya terletak sebaris.
- From dengan model horizontal
From dengan model horizontal ini merupakan from yang memiliki bentuk
horizontal yang artinya posisi label dan input from terletak horizontal.
Untuk membuat from nya dengan menggunakan calss bootstrap teman-teman bisa munggunakan class "from-control" pada tag <input>,<textera>,<select>, dan element from yang bisa digunakan lainya.
Membuat From Vertikal Dengan Bootstrap
From vertikal bootstrap merupakan bentuk defalut dari from bootstrap artinya bentuk from vertikal ini merupakan bentuk yang digunakan secara default di Bootstrap.
Untuk membuat from nya dengan menggunakan calss bootstrap teman-teman bisa munggunakan class "from-control" pada tag <input>,<textera>,<select>, dan element from yang bisa digunakan lainya.
Membuat From Vertikal Dengan Bootstrap
From vertikal bootstrap merupakan bentuk defalut dari from bootstrap artinya bentuk from vertikal ini merupakan bentuk yang digunakan secara default di Bootstrap.
Contoh Form Pada Bootstrap.
Di Bawah ini adalah hasil dari script di atas
Untuk membuat drom dengan bootstrap yang pertama seperti di atas harus di perhatikan adalah pertama tembahan class "from-group" untuk membalut element sebuah form seperti label dan formnya dan kemudian pada form berikan class "from-control". Dan di bawah ini adalah contoh tag nya :
<div class="form-group">
<label>Nama Anda:</label>
<input type="text" class="form-control">
</div>
Membuat Form Inline Dengan Bootstrap
Cara membuat from inline dengan bootstrap caranya juga sangat mudah teman-teman. Teman-teman hanya perlu menambahkan class "from-inline" pada tag <ftom>.
Contoh
Di Bawah ini adalah hasil dari script di atas.
Tidak ada komentar :
Posting Komentar