آموزش Bootstrap > کار با CSS و Bootstrap
ایجاد یک Jumbotron و Page Header در Bootstrap
مقدمه
- Jumbotron چیست و چه کاربردی دارد ؟
یک Jumbotron ، جعبه بزرگی است که می توانید درون آن ، محتویات خاصی را قرار داده و توجه بیشتر کاربر را بدان جلب نمایید .
یک Jumbotron ، به صورت یک جعبه مستطیلی بزرگ و خاکستری رنگ با گوشه های گرد در صفحه نمایش داده شده و سایز نوشته های دورن خود را بسیار بزرگ می کند .
برای مثال از Jumbotron می توانید برای قرار دادن یک بنر متنی یا شعار تبلیغاتی در بالای صفحه وب خود استفاده نمایید .
راهنمایی : درون یک Jumbotron ، تقریبا هر نوع تگ و یا محتویات HTML ر قرار داده و از کلاس های مختلف CSS , Bootstrap در آن بهره بگیرید .
برای ایجاد یک Jumbotron ، کافی است یک تگ <div> را بر روی صفحه قرار داده و کلاس jumbotron. را به آن بدهید . همانند کد و خروجی مثال زیر :
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive,
mobile-first projects on the web.</p>
</div>
|
|
|
ساخت یک عنوان صفحه - Page Header در Bootstrap :
به وسیله کلاس page-header. در Bootstrap می توانید یک هدر زیبا برای صفحه وب خود ایجاد نمایید .
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :