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

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

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

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

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

متاتگ viewport چیست؟

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

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

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

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

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


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

  • سیداسماعیل
    ممنون از شما که مطالب مفید رو در اختیار برنامه نویسان کم تجربه قرار می دید.
  • الزامی! :(
    سلام ide مورد استفاده شما در این فیلم چی هستش؟
    • سلام.من از ادیتور براکتس استفاده میکنم توی این لینک میتونید آموزش های اون رو ببینید 

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

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

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