- International Fees
International fees are typically 3.25 times the domestic tuition. Exact cost will be calculated upon completion of registration.
Course Overview
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.
Prerequisite(s)
- 50% in MDIA 1205† († may be taken concurrently)
Credits
3.0
Domestic fees
$724.75
Learning Outcomes
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
Related Programs
Bootstrap and CSS Frameworks (MDIA 3211) is offered as a part of the following programs:
- Indicates programs accepting international students.
School of Business + Media
- Web Technologies
Associate Certificate Part-time
- Web Technologies
Certificate Part-time
Course Offerings
Fall 2025
Below is one offering of MDIA 3211 for the Fall 2025 term.
CRN 43476
Dates
Sep 09 - Nov 25 Loading
- CRN 43476
- $724.75 Domestic fees
Class meeting times
| Dates | Days | Times | Locations |
|---|---|---|---|
| Sep 09 - Nov 25 | N/A | N/A | Online |
Duration
12 weeks
Instructor
Mike Walton
Course outline
Course outline TBD — see Learning Outcomes in the interim.
Important information
- Internet delivery format.
- Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
- International fees are typically 3.25 times the domestic tuition. Exact cost will be calculated upon completion of registration.
- 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. It is important you have a stable and consistent internet connection to access course content. Please log into learn.bcit.ca using your BCIT student email and password on the first day of class. You will require access to the Adobe Creative Cloud in order to complete this course. Students who are currently registered in one or more BCIT Flexible Learning courses are eligible for a free Adobe Creative Cloud subscription from BCIT. Up to two weeks prior to their course start date (and not before), please visit kb.bcit.ca, select the Student Resources section, and search for “Adobe Creative Cloud”, then follow the instructions in the article found to claim your free subscription.
Status
Programs and courses are subject to change without notice.