سبد (0)

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

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

آموزش صوتی Bootstrap

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه