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

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

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

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

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


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

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

به وسیله کلاس page-header. در Bootstrap می توانید یک هدر زیبا برای صفحه وب خود ایجاد نمایید .
© Copyright 2007 - 2021 Developer 1 ®
Designed & Owned By Mehrdad Fattahi
Pishgaman Toseye Web Company
استفاده از مطالب سايت با ذکر آدرس کامل و نام سايت بلامانع است .
این سایت در سامانه وزارت فرهنگ و ارشاد اسلامی ثبت شده است .