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