آموزش Bootstrap > کار با CSS و Bootstrap
ایجاد یک Jumbotron و Page Header در Bootstrap

مقدمه - Jumbotron چیست و چه کاربردی دارد ؟

یک Jumbotron ، جعبه بزرگی است که می توانید درون آن ، محتویات خاصی را قرار داده و توجه بیشتر کاربر را بدان جلب نمایید .
یک Jumbotron ، به صورت یک جعبه مستطیلی بزرگ و خاکستری رنگ با گوشه های گرد در صفحه نمایش داده شده و سایز نوشته های دورن خود را بسیار بزرگ می کند .
برای مثال از Jumbotron می توانید برای قرار دادن یک بنر متنی یا شعار تبلیغاتی در بالای صفحه وب خود استفاده نمایید .
راهنمایی : درون یک Jumbotron ، تقریبا هر نوع تگ و یا محتویات HTML ر قرار داده و از کلاس های مختلف CSS , Bootstrap در آن بهره بگیرید .

برای ایجاد یک Jumbotron ، کافی است یک تگ <div> را بر روی صفحه قرار داده و کلاس jumbotron. را به آن بدهید . همانند کد و خروجی مثال زیر :

Example
<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 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1