Bootstrap Jumbotron: ทำให้กว้างเต็มหน้าจอและไม่มีมุมโค้ง

เพื่อให้ Jumbotron มีความกว้างเต็มหน้าจอและไม่มีมุมโค้ง ให้วางคลาส .jumbotron ไว้นอกคลาส .container ทั้งหมด และเพิ่ม .container ไว้ภายในแทน

ตัวอย่าง

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

<!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 = "jumbotron"> 
      <div class = "container"> 
        <h1>Welcome to landing page!</h1> 
        <p>Example for jumbotron.</p> 
        <p> 
          <a class = "btn btn-primary btn-lg" role = "button"> 
            Click for more 
          </a> 
        </p> 
      </div> 
    </div> 
  </body> 
</html>