Computer >> Máy Tính >  >> Lập trình >> Javascript

Nhận Bootstrap Jumbotron có chiều rộng đầy đủ và không có góc tròn


Để có được jumbotron có chiều rộng đầy đủ và không có góc tròn, hãy sử dụng .jumbotron lớp bên ngoài tất cả .container các lớp và thay vào đó thêm một .container bên trong.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai điều này

<!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>