سبد (0)

تبلیغات

ساخت یک جعبه ویژه در بوت استرپ

ساخت یک جعبه ویژه در بوت استرپ

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

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

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