Tag label dan grup kontrol dapat diletakkan secara horizontal berdampingan dengan samping dengan menambahkan kelas .Form-horizontal ke dalam bentuk dan menggunakan kelas raster preset Bootstrap. Melakukan hal itu mengubah perilaku kelompok .form untuk berperilaku sebagai baris dalam sistem raster, jadi tidak perlu menambahkan .row tambahan.
Bentuk horizontal tidak hanya berbeda dalam jumlah dari bentuk lain, tetapi juga dalam bentuk presentasi yang berbeda. Untuk membuat formulir yang diatur secara horizontal, ikuti langkah -langkah berikut:
1. Tambahkan kelas .Form-horizontal ke elemen Parent <Form>.
2. Tempatkan tag dan kontrol di <verv> dengan kelas .Form-group.
3. Tambahkan kelas .Control-label ke label.
Kode Implementasi:
<form role="form"> <div> <label for="inputEmail3">Email</label> <div> <input type="email" id="inputEmail3" placeholder="Email"> </div> </div> <div> <label for="inputPassword3">Password</label> <div> <input type="password" id="inputPassword3" placeholder="Password"> </div> </div> <div> <div> <label> <input type = "checkbox"> ingat saya </label> </div> </div> </div> <div> <div> <tombol type = "kirim"> Masuk </button> </div> </div> </Form>
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan topik yang luar biasa kepada Anda: Tutorial Pembelajaran Bootstrap
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.