بررسی jumbotron در بوت استرپ

چاپ

Jumbotron یا جعبه ویژه

Wiki

jumbotron یک جعبه ی بزرگ است که به منظور جلب توجه کردن ایجاد شده است و می توان محتوا و اطلاعات را درون آن قرار داد. 

یک jumbotron به صورت یک جعبه ی خاکستری با گوشه های گرد شده نمایش داده می شود. همچنین اندازه ی فونت متن درون آن نیز بزرگ است.

برای ایجاد یک jumbotron می توانید از یک عنصر <div> با کلاس jumbotron. استفاده کنید.

در مثال زیر، یک عنوان و یک پاراگراف را درون یک jumbotron قرار داده ایم:

مثال (بررسی  jumbotron)

<div class="container">
  <div class="jumbotron">
    <h1>My first Bootstrap website!</h1> 
    <p>This page will grow as we add more and more components from Bootstrap...</p>
  </div>

  <p>This is another paragraph.</p> 
  <p>This is a paragraph.</p> 
  <p>This is another paragraph.</p>
</div>

خودتان امتحان کنید »
Note

آیا این امکان وجود دارد که jumbotron را سفارشی سازی کنیم؟ در صورتی که یک رنگ دیگر را بخواهیم باید چکار کنیم؟

شما می توانید تمام عناصر و کلاس ها را در بوتسترپ سفارشی سازی کنید. در مقالات بعدی به سفارشی سازی نیز می پردازیم.