Contoh Teks Bantuan Blok Bootstrap

”, “

”, atau lebih, dapat digunakan untuk menambahkan teks bantuan. Untuk tujuan ini, “ bentuk-teks ” kelas digunakan. Kelas ini memiliki “ tampilan: blok ' Properti. Selain itu, ini juga berisi properti margin atas yang membantu teks ditampilkan di beberapa ruang dari kolom input lainnya.

Contoh

Lihat contoh di bawah ini:

---

---

• Tambahkan ' ” elemen untuk membuat formulir.
• Untuk menyertakan keterangan ke kolom input, tambahkan “ ” elemen.
• Setelah itu, tambahkan “ elemen ” dengan “ bentuk-kontrol ' dan ' bidang masukan ” untuk membuat kolom input.
• Kemudian, tambahkan “ ' elemen dengan kelas ' bentuk-teks ' dan ' teks-dibisukan ” untuk menambahkan teks bantuan:

< membentuk >

< menjangkau > Masukkan kata kunci < / menjangkau >

< memasukkan kelas = 'bidang masukan kontrol bentuk' Tipe = 'kata sandi' >

< div kelas = 'form-text text-muted' > Kata sandi Anda harus sepanjang 8 karakter. < / div >

< / membentuk >

Kelas yang digunakan dalam cuplikan kode di atas dijelaskan di sini:

• “ bentuk-kontrol ” berisi beberapa gaya global untuk elemen masukan.
• “ bentuk-teks ” kelas menambahkan gaya ke teks bantuan.
• “ teks-dibisukan ” menambahkan gaya umum ke teks bantuan.

Keluaran

Bagaimana Cara Menambahkan Teks Bantuan Blok Bootstrap Menggunakan Elemen Inline?

Elemen sebaris seperti “ ' atau ' ” dapat digunakan untuk menambahkan teks bantuan ke halaman web.

Contoh

Contoh di bawah ini menunjukkan penggunaan ' ” elemen sebaris untuk menentukan teks bantuan:

< membentuk kelas = 'form-inline' >

< div kelas = 'bentuk-grup' >

< menjangkau >Masukkan Nama Anda< / menjangkau >

< memasukkan kelas = 'bidang input kontrol bentuk' Tipe = 'kata sandi' >

< kecil kelas = 'teks-dibisukan' >Harus diisi.< / kecil >

< / div >

< / membentuk >

Dapat diamati bahwa teks bantuan telah berhasil ditambahkan:

Ini semua tentang teks bantuan blok Bootstrap.

Kesimpulan

Untuk menambahkan teks bantuan di Bootstrap, tombol “ bentuk-teks ” digunakan untuk menambahkan teks bantuan tingkat blok. “ teks-dibisukan ” digunakan untuk membuat teks bantuan sebaris. Di Bootstrap 3, ' blok bantuan ” kelas digunakan. Lebih khusus lagi, teks bantuan dapat ditentukan dengan elemen sebaris atau tingkat blok. Posting ini telah menjelaskan cara menambahkan teks bantuan di Bootstrap dengan bantuan contoh.