Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

Bootstrap Labels: แสดงจำนวนนับ เคล็ดลับ หรือเครื่องหมาย


Labels เหมาะสำหรับแสดงจำนวนนับ เคล็ดลับ หรือเครื่องหมายอื่นๆ ในหน้าเว็บ

ตัวอย่าง

ใช้คลาส .label เพื่อแสดง labels ลองรันโค้ดต่อไปนี้:

<!DOCTYPE html> <html> 
  <head> 
    <title>Bootstrap Example</title> 
    <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> 
    <script src = "/scripts/jquery.min.js"></script> 
    <script src = "/bootstrap/js/bootstrap.min.js"></script> 
  </head> 
  <body> 
    <h1>Tutorials          
      <span class = "label label-default"> 
        150 
      </span> 
    </h1> 
    <h2>Quiz          
      <span class =" label label-default"> 
        90 
      </span> 
    </h2> 
  </body> 
</html>