خانه تالار گفتگو دانلود خبرنامه سفارش سایت درباره ما ارتباط با ما حمایت از ما تبلیغات

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

ایجاد یک Jumbotron و Page Header در Bootstrap

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

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


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

ساخت یک عنوان صفحه - Page Header در Bootstrap

به وسیله کلاس page-header. در Bootstrap می توانید یک هدر زیبا برای صفحه وب خود ایجاد نمایید .