مردان وردپرس آموزش بوت استرپ آموزش بوت استرپ ، معرفی اجزای بوت استرپ

آموزش بوت استرپ ، معرفی اجزای بوت استرپ

آموزش بوت استرپ ، معرفی اجزای بوت استرپ

Container

تگ ( container ) پایه ای ترین المان در بوت استرپ است که برای استفاده از سیستم پیش فرض شبکه ای ( Grid System ) کاملاً ضروری است. ( این تگ، همانند تگ body عمل می کند و تا زمانی که نوشتن کدهای بوت استرپ به اتمام نرسیده، این تگ به پایان نمی رسد. )

با استفاده از کلاس .container-fluid می توان از تمام عرض صفحه استفاده کرد.

از زمانی که بوت استرپ طراحی شد و توسعه پیدا کرد، استفاده از مدیا کوئری به شکل سابق ) به شدت کاهش یافت. در واقع بوت استرپ به طور پنهان، از مدیاکوئری در درون خود استفاده می نماید. از مدیاکوئری ها زمانی استفاده می شود که بخواهیم محدودیت بریایه عرض صفحه ایجاد کنیم.

z-index

چند اجزای بوت استرپ از z-index استفاده می کنند، یکی از ویژگی های CSS است که به کنترل کردن چیدمان محتواها کمک می کند. به صورت پیش فرض در بوت استرپ، زمانی از z-index استفاده می کنیم که در طراحی بخواهیم از المان های navigation، tooltip، madal، popover و استفاده کنیم.

المان های background تمایل دارند که در پایین ترین سطح قرار بگیرند. بنابراین یکی از کاربردهای اصلی و مهم z-index در به کار بردن در بکگراند است.

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

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

Advertising MiSaCo.
3نظر برای

آموزش بوت استرپ ، معرفی اجزای بوت استرپ


  1. لطفا درباره ایجاد انیمشین و کارهای گرافیکی کتحرک جذابی که میشه در صفحه وب به نمایش گذاشت بهمون بگید

    تشکر

  2. ممنون از سایت عالیتون موفق و سربلند باشید 

  3. تشکر خیلی خوب و مفید بود 

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

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

Time limit is exhausted. Please reload CAPTCHA.