021-28423015

Jumbotron در Bootstrap ورژن4

Jumbotron درBootstrap  ورژن 4

یک jumbotron جعبه خاکستری است که برای توجه بیشتر به برخی از مطالب یا اطلاعات خاص استفاده می شود.

نکته: در داخل یک jumbotron شما می توانید تقریبا هر HTML معتبر، عناصر / کلاس های بوت استرپ قرار دهید.

از یک عنصر <div> با کلاس .jumbotron برای ایجاد jumbotron استفاده کنید:

Bootstrap Tutorial

Jumbotron در بوت استرپ
<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the most popular HTML, CSS...</p>
</div>
مشاهده مثال

Jumbotron تمام عرض

اگر میخواهید یک jumbotron عرضی کامل بدون مرزهای گرد داشته باشید، کلاس .jumbotron-fluid و یک .container یا .container-fluid را داخل آن اضافه کنید:

Jumbotron تمام عرض
<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>
مشاهده مثال

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط