Jumbotron یا جعبه ویژه
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>
<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>
خودتان امتحان کنید »
 | آیا این امکان وجود دارد که jumbotron را سفارشی سازی کنیم؟ در صورتی که یک رنگ دیگر را بخواهیم باید چکار کنیم؟ شما می توانید تمام عناصر و کلاس ها را در بوتسترپ سفارشی سازی کنید. در مقالات بعدی به سفارشی سازی نیز می پردازیم. |
|---|
ممنون از سایت خوبتون
من تو نظرات کاربران تو صفحات قبلی میخوندم که پرسیده بودن که سایت شما از بوت استرپ چرا استفاده نمیکنه البته فکر میکنم نظر مال چند سال پیش هست من میخوام بدونم ایا الان هم از بوت استرپ استفاده نشده تو سایت شما؟
بیش از 2 ساله که سایت بیاموز روی بوتسترپ سوئیچ کرده است.