โพสต์นี้จะแนะนำคุณเกี่ยวกับตัวอย่างข้อความช่วยเหลือการบล็อกใน Bootstrap
Bootstrap Block Help Text คืออะไร?
ข้อความวิธีใช้บล็อก Bootstrap สามารถสร้างได้โดยใช้ ' .form-ข้อความ ' ระดับ. ในเวอร์ชัน Bootstrap 3 นั้น “ ช่วยบล็อก ” คลาสถูกใช้เพื่อเพิ่มข้อความช่วยเหลือ
ประเภทของ Bootstrap Block Help Text
องค์ประกอบประเภทที่สมัครเหล่านี้สามารถใช้เพื่อระบุข้อความช่วยเหลือ:
จะเพิ่มข้อความช่วยเหลือ Bootstrap Block โดยใช้องค์ประกอบบล็อกได้อย่างไร
องค์ประกอบระดับบล็อก เช่น “ ตรวจสอบตัวอย่างด้านล่าง: คลาสที่ใช้ในข้อมูลโค้ดด้านบนอธิบายไว้ที่นี่: เอาต์พุต องค์ประกอบแบบอินไลน์ เช่น “ ' หรือ ' <เล็ก> ” สามารถใช้เพื่อเพิ่มข้อความช่วยเหลือในหน้าเว็บ ตัวอย่างด้านล่างแสดงให้เห็นถึงการใช้ “ <เล็ก> ” องค์ประกอบแบบอินไลน์เพื่อระบุข้อความช่วยเหลือ: สังเกตได้ว่าเพิ่มข้อความช่วยเหลือสำเร็จแล้ว: นี่คือทั้งหมดที่เกี่ยวกับข้อความช่วยเหลือบล็อก Bootstrap หากต้องการเพิ่มข้อความช่วยเหลือใน Bootstrap ให้ใช้ปุ่ม “ แบบฟอร์มข้อความ ” คลาสใช้เพื่อเพิ่มข้อความช่วยเหลือระดับบล็อก “ ปิดเสียงข้อความ คลาส ” ใช้เพื่อสร้างข้อความช่วยเหลือแบบอินไลน์ ใน Bootstrap 3, the “ ช่วยบล็อก ” คลาสถูกใช้ โดยเฉพาะอย่างยิ่ง สามารถระบุข้อความช่วยเหลือด้วยองค์ประกอบแบบอินไลน์หรือระดับบล็อก โพสต์นี้ได้อธิบายวิธีเพิ่มข้อความช่วยเหลือใน Bootstrap ด้วยความช่วยเหลือของตัวอย่าง
ตัวอย่าง
< รูปร่าง >
< ช่วง > ใส่รหัสผ่าน < / ช่วง >
< ป้อนข้อมูล ระดับ = 'ฟิลด์อินพุตควบคุมฟอร์ม' พิมพ์ = 'รหัสผ่าน' >
< แผนก ระดับ = 'form-text text-muted' > รหัสผ่านของคุณต้องมีความยาว 8 ตัวอักษร < / แผนก >
< / รูปร่าง >
จะเพิ่มข้อความช่วยเหลือบล็อก Bootstrap โดยใช้องค์ประกอบแบบอินไลน์ได้อย่างไร
ตัวอย่าง
< แผนก ระดับ = 'แบบฟอร์มกลุ่ม' >
< ช่วง >ใส่ชื่อของคุณ< / ช่วง >
< ป้อนข้อมูล ระดับ = 'ฟิลด์อินพุตควบคุมฟอร์ม' พิมพ์ = 'รหัสผ่าน' >
< เล็ก ระดับ = 'ปิดเสียงข้อความ' >ต้องกรอก< / เล็ก >
< / แผนก >
< / รูปร่าง > บทสรุป