British Columbia Institute of

Important Notice: COVID-19 Institute response


MDIA 3211 - Bootstrap for Mobile Design

Media Communications Part-time Studies Course

School of Business + Media

To support you and your education, BCIT is adapting applied learning in formats appropriate to the unfolding global situation. All PTS classes are being delivered in an online format unless you are notified otherwise.

Course 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.


MDIA 1205 and MDIA 2205 or equivalent.





Fall 2020

Below is one offering of this course for the Fall 2020 term.

CRN 43476

Tue Sep 08 - Tue Nov 24 12 Weeks

Class Meeting Times

Dates Days Times Locations
Sep 08 - Nov 24 Online Online Delivery


Mike Walton

Course Outline




  1. Internet delivery format.
  2. Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.

This course offering is in progress. Please check back next term or subscribe to receive email updates.

In Progress

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

MDIA 3211 is offered as a part of the following programs:

School of Business + Media

  1. Web Technologies
    Part-time/Distance & Online Learning   Associate Certificate
  2. Web Technologies
    Part-time/Distance & Online Learning   Certificate


Interested in being notified about future offerings of MDIA 3211 - Bootstrap for Mobile Design? If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.

Contact Information

Suggest course days and times

If you are interested in taking this course on-campus (classroom delivery only) and would like to see it offered on specific days and/or at specific times, please indicate your preferences below. Day and time suggestions are not applicable to online courses.

The personal information on this form is collected under the authority of the College and Institute Act (RSBC 1996, Ch.52). BCIT will use this information to communicate with you regarding relevant BCIT programs, courses and services. This information is only used by authorized BCIT staff. Email communication sent to and from BCIT is routed through the United States of America. If you have any questions about BCIT's collection and use of this information, please contact BCIT’s manager of Information Access and Privacy.

Programs and courses are subject to change without notice.

Find Courses

School of Business + Media Waitlist

Need to waitlist for a School of Business + Media course?

Find out more

English Language Proficiency

BCIT's Part-time Studies English Language Proficiency Standard is English 12 (or equivalency). Students who do not meet this requirement should upgrade their English skills prior to any future registration.

Payment Changes At BCIT

We've changed the way we accept payments.

Find out more

Course Navigation, Related Links & Tools

Registration News

Registration is now open for the Fall 2020 term.

Classroom Locations

Classroom locations are subject to last minute changes. Please check the Part-time Studies Classroom Locations listing at on the first day of any course you are registered for.

Part-time Studies Financial Aid

Will you be studying at BCIT part-time? Do you need assistance funding your studies? Find out if you qualify for Part-time Studies financial aid.