Free Online Courses, Classes and Tutorials

Introduction to Responsive Design using Bootstrap

Software Development
Free Course
Learn about using Bootstrap to create a responsive website that display on desktops, tablets and mobile phones.
  • Duration

    3-4 Hours
  • Assessment

  • Certification

  • Responsive

  • Publisher





View course modules

Bootstrap is a framework for developing responsive mobile first projects on the web. The course Introduction to Responsive Design using Bootstrap describes how to use Bootstrap in a Visual Studio development environment, and how you can add Bootstrap components and themes to your website.

The course begins by introducing you to Bootstrap, how Bootstrap can help with developing and maintaining a website, and how to use Bootstrap in Visual Studio. The course teaches you about page design and positioning content in Bootstrap's grid system. You will learn what a responsive user interface (UI) is, and about themes which you can use to reskin your website with ease. Next, you will be introduced to components in Bootstrap. You will learn about the three main groups of components, about grouping components for organising webpage content and how to use Bootstrap objects.

You will be introduced to glyphicons and buttons, and how to include them in a website. The course also covers navigation components which you can include in a website such as a Navbar and Pagination. Finally, you will be introduced to page design and page layout. There are four different grids depending on screen size and you will learn how these grids work and how to include them in a website. The course teaches you about moving and controlling placement of content in a grid, and about creating a form for data entry.

This course will be of great interest to website developers who would like to learn more about using Bootstrap for responsive design.

Prerequisites: The learner will need knowledge of HTML and CSS.

Start Course Now

On completing this course, you will be able to:

  • Describe the helpfulness of using Bootstrap to upgrade/develop a website.
  • List the types of components found in Bootstrap.
  • Describe how to bring Bootstrap components into a website.
  • Explain the importance of a responsive design for a website.
  • Discuss how to use grids in Bootstrap.
  • Describe how grids in Bootstrap are different to HTML tables.

All Alison courses are free to enrol, study and complete. To successfully complete this Certificate course and become an Alison Graduate, you need to achieve 80% or higher in each course assessment. Once you have completed this Certificate course, you have the option to acquire official Certification, which is a great way to share your achievement with the world. Your Alison Certification is:

Ideal for sharing with potential employers - include it in your CV, professional social media profiles and job applications
An indication of your commitment to continuously learn, upskill and achieve high results
An incentive for you to continue empowering yourself through lifelong learning

Alison offers 3 types of Certification for completed Certificate courses:

Digital Certificate - a downloadable Certificate in PDF format, immediately available to you when you complete your purchase
Certificate - a physical version of your officially branded and security-marked Certificate, posted to you with FREE shipping
Framed Certificate - a physical version of your officially branded and security-marked Certificate in a stylish frame, posted to you with FREE shipping

All Certification is available to purchase through the Alison Shop. For more information on purchasing Alison Certification, please visit our faqs. If you decide not to purchase your Alison Certification, you can still demonstrate your achievement by sharing your Learner Record or Learner Achievement Verification, both of which are accessible from your Dashboard. For more details on our Certification pricing, please visit our Pricing Page.


Course Reviews


You have received a new notification

Click here to view them all