آموزش Bootstrap

collapse Bootstrap

سلام

در جلسه بیستم bootstrap مشکلات مربوط به alert پروژه طراحی شده را بررسی می کنیم و سپس به dropdown در جاوا اسکریپت بوت استرپ می پردازیم.پس از آن scrollspy  و کلاس ها و کد های data-spy وrefresh و offset را مطرح می کنیم.سپس به سراغ collapse رفته و کلاس های panel-collapse,collapse ,collapsing ,collapse.in,panel-group و کد های aria-expanded,aria-controls,data-parent,data-toggle را بیان کرده و یک Accordion menu را به صورت کامل بررسی و نکات آن را مطرح می کنیم.

دمو پروژه

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

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