سه شنبه , ۱ بهمن ۱۳۹۸
جدیدترین آموزش ها
خانه » فیلم آموزش Bootstrap » فیلم آموزش Bootstrap قسمت ۱۵(list group & media object)

فیلم آموزش Bootstrap قسمت ۱۵(list group & media object)

سلام
در جلسه پانزدهم bootstrap در رابطه به dropdown صحبت مي کنيم و کلاس هاي مربوط به آن را بررسي مي کنيم.سپس به سراغ media object ها رفته و نکات مربط به آن را شرح مي دهيم و توسط آن يک پنل آخرين ديدگاه ها را طراحي مي کنيم و در همين رابطه پروزه مان را تغیيرات اساسي مي دهيم تا از نظر responsive عملکرد بهتري داشته باشد.سپس badge را در پروژه مان پياده مي کنيم و در آخر list group ها را شرح مي دهيم.در اين جلسه هنگام ويرايش قالب شما کاملا اهميت استفاده از کلاس container يا container-fluid را درک مي کنيد.

آموزش list group & media object-bootstrap

آموزش Bootstrap

list group & media object Bootstrap

سلام

در جلسه پانزدهم bootstrap در رابطه به dropdown صحبت مي کنيم و کلاس هاي مربوط به آن را بررسي مي کنيم.سپس به سراغ media object ها رفته و نکات مربط به آن را شرح مي دهيم و توسط آن يک پنل آخرين ديدگاه ها را طراحي مي کنيم و در همين رابطه پروزه مان را تغیيرات اساسي مي دهيم تا از نظر responsive عملکرد بهتري داشته باشد.سپس badge را در پروژه مان پياده مي کنيم و در آخر list group ها را شرح مي دهيم.در اين جلسه هنگام ويرايش قالب شما کاملا اهميت استفاده از کلاس container يا container-fluid را درک مي کنيد.
کلاس های مطرح شده در این جلسه:
dropdown
dropdown-toggle
caret
dropdown-menu
dropup
dropdown-menu-right
dropdown-menu-left
dropdown-header
divider
disabled
media
media-left
media-object
media-body
media-heading
media-right
media-middle
media-top
media-bottom
media-list
list-group
list-group-item
active
disabled
list-group-item-success
list-group-item-info
list-group-item-warning
list-group-item-danger
list-group-item-heading
list-group-item-text

 

list group list group

دمو پروژه

این پروژه به نحوی طراحی شده است که تمام پیچیدگی های مباحث بوت استرپ را شامل شود و بیشتر کامپوننت ها در آن استفاده شده است به طوری که کمترین css در استایل دهی آن به کار برده شده و کاملا مبحث طراحی ریسپانسیو را پوشش می دهد.

مشاهده کل دوره

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

2 دیدگاه

  1. ع
    علی - رتبه بر اساس تعداد نظرات : خواننده

    سلام
    باور کنید نه علافم نه بیکار:D( اشاره به شخصی که کلی label امتحان کرده )
    یک چیزهایی میبینم که متوجه نمیشم واقعا یعنی چی
    توی سایت بوت استرپ که درس میدین ، در قسمتی که کد کپی میکنید با خود دکمه copy ، اگر در جهت عمودی و یا افقی mouse رو سریع روش حرکت بدیم وقتی میره حالت hover دیگه از hover در نمیاد تا زمانی که دوباره mouse رو روش ببریم یعنی رنگش بنفش میمونه
    خب تا جایی که من از hover میدونم ، این مورد نباید اتفاق بیفته
    اگر mouse رو در یک بازه حداقل ۶۰۰ پیکسلی به همون حالتی که گفتم تکون بدید این اتفاق میفته

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      رویداد هاور داره اتفاق میفته اما نه اون رویداد css ای که تو ذهن شماست
      با استفاده از جاوا اسکریپت هست
      برای همین نمیتونیم در حال حاضر به باگش بپردازیم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *