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>ল্যান্ডিং পেজে স্বাগতম!</h1>
        <p>জাম্বোট্রন উদাহরণ।</p>
        <p>
          <a class="btn btn-primary btn-lg" role="button">
            আরও জানতে ক্লিক করুন
          </a>
        </p>
      </div>
    </div>
  </body>
</html>

ফলাফল: এটি একটি পূর্ণ প্রস্থের হিরো সেকশন তৈরি করবে যার কোণগুলো বর্গাকার হবে।