مردان وردپرس آموزش بوت استرپ آموزش بوت استرپ ، Jumbotron یا جامبوترون چیست ؟

آموزش بوت استرپ ، Jumbotron یا جامبوترون چیست ؟

آموزش بوت استرپ ، Jumbotron یا جامبوترون چیست ؟

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

توجه داشته باشید که در Jumbotron میتوانید از تمام تگ های html و استایل ها و کلاس های Bootstrap استفاده کنید.

 

توجه داشته باشید .کادر Jumbotron به تنهایی کل صفحه را شامل می شود. اگر می خواهید که این کادر از گوشه های چپ و راست صفحه فاصله داشته باشد بایستی آن را داخل یک <div> با کلاس container قرار دهید.

در صورتی که قصد دارید Jumbotron کل صفحه را شامل شود ولی گوشه های گرد را نداشته باشد کافی ست <div> که دارای کلاس Jumbotron است را خارج از هر کلاس container بنویسید و یک div با کلاس container داخل Jumbotron قرار دهید.

 

تاریخ آخرین بروزرسانی : ۱۸ آبان ۱۳۹۶
منبع :‌ مردان وردپرس
سجاد رحمانی نژاد

کارشناس طراحی UI وب ، بیش از سه سال سابقه طراحی و کار اجرایی در سازمان های مختلف و به صورت مستقل ( Freelance ) همچنین مدرس دوره های طراحی وب در آموزشگاه های تهران و کرج.

Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.