คลาส .hidden ของ Bootstrap: ซ่อนองค์ประกอบ

เพื่อซ่อนองค์ประกอบใน Bootstrap ให้ใช้คลาส .hidden

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อซ่อนคลาส:

<!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> 
    <div class = "row" style = "padding: 91px 100px 19px 50px;"> 
      <div class = "show" style = "left-margin:10px; width:300px; background-color:#ccc;"> 
        This class is visible. 
      </div> 
      <div class = "hidden" style = "width:200px; background-color:#ccc;"> 
        This is an example for hide class. This will be hidden. 
      </div> 
    </div> 
  </body> 
</html>