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