آموزش تگ viewport و آشنایی با کلاس های well , Jumbotron در بوت استرپ

جلسه پنجم - متا تگ viewport چیست؟

یکی از مهمترین تگ های html برای ایجاد کردن وب سایت های ریسپانسیو متاتگ viewport است. در این ویدئو آموزشی علاوه بر این مبحث با یک سری از کلاس های مفید دیگر در بوت استرپ آشنا می شویم

آموزش متاتگ viewport به همراه آشنایی با چندین کلاس مفید بوت استرپ

در جلسه چهارم آموزش بوت استرپ با نحوه ساخت منوی ریسپانسیو در بوت استرپ آشنا شدیم. در این جلسه با یکی از مهمترین نگ های html برای ساختن صفحات ریسپانسیو آشنا می شویم.

متاتگ viewport چیست؟

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

استفاده از کلاس well در بوت استرپ

یکی از کلاس های مفید در بوت استرپ، کلاس well است. از طریق این کلاس می توانید به نوشته های خود یک بک گراند خاکستری رنگ به همراه حاشیه اختصاص دهید.

کلاس page-header در بوت استرپ

برای ایجاد کردن عنوان هر صفحه می توان از این کلاس استفاده کرد.


ارسال نظر درباره این موضوع


  • الزامی! :( (یک شنبه, 30 تیر 1398 ساعت 01:50:41)
    سلام ide مورد استفاده شما در این فیلم چی هستش؟

    • (یک شنبه, 30 تیر 1398 ساعت 09:27:47)

      سلام.من از ادیتور براکتس استفاده میکنم توی این لینک میتونید آموزش های اون رو ببینید 

      https://abanweb.net/post/4/brackets


      • ! (شنبه, 05 مرداد 1398 ساعت 01:33:40)
        سایت خوبی دارید لطفا در مورد سئو هم مطلب بگذارید

        • (شنبه, 05 مرداد 1398 ساعت 08:48:17)

          نظر لطفتونه.دوره سئو در حال آماده سازی و ضبط هست