BCIT is planning for a substantial return to on-campus activity for the fall 2021 term as informed by BC Public Health Officer guidelines. Refer to each course listing for details.
This course uses Bootstrap as a powerful responsive framework to manually code dynamic mobile websites. Students will combine Bootstrap's mobile assets with HTML and CSS to develop custom mobile websites with content that resizes, repositions, collapses, and hides for optimal delivery on any device. Students will implement Bootstrap's responsive plugins, including Carousel Galleries, Accordions, Modals, and Popovers to increase site usability and interactivity, and create dynamic animated elements with Bootstrap's integrated CSS animations. To ensure optimized web delivery, this course explores custom Bootstrap exports, which minimize Bootstrap's file size and increase site performance. The course will be delivered through a series of video notes.
Pre-requisite: MDIA 1205 or equivalent. This course will be delivered entirely online, however, is an asynchronous course which does not require that you meet each week at a specific time. You will be expected to meet assignment deadlines according to the schedule on the course outline and directions of the instructor.
Important course information will be sent to you prior to your course start
date. Check your myBCIT email account to
access this information.
Upon successful completion of this course, the student will be able to:
Construct web sites using Bootstrap's Responsive Framework
Implement Bootstrap's responsive grid system
Create responsive images, text, and tables
Design content for Mobile Devices
Develop collapsible menu bars and dropdown menus
Redefine the Bootstrap framework with custom CSS stylesheets
Produce image Carousels for displaying slideshows
Implement Popovers, Modals, Accordions, and Tool Tips for displaying content
Demonstrate responsive forms and video
Increase usability with Breadcrumbs and Pagination
Apply CSS transform animations to page content
Customize and Optimize Bootstrap components for faster delivery
Effective as of Winter 2016
MDIA 3211 is offered as a part of the following programs:
Interested in being notified about future offerings of MDIA 3211 - Bootstrap and CSS Frameworks?
If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.