بررسی jumbotron در بوت استرپ
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 را سفارشی سازی کنیم؟ در صورتی که یک رنگ دیگر را بخواهیم باید چکار کنیم؟ شما می توانید تمام عناصر و کلاس ها را در بوتسترپ سفارشی سازی کنید. در مقالات بعدی به سفارشی سازی نیز می پردازیم. |
- نوشته شده توسط احسان عباسی
- بازدید: 10491