When will I have access to the lectures and assignments?

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

What will I get if I subscribe to this Certificate?

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Developing Websites and Front-Ends with Bootstrap

Developing Websites and Front-Ends with Bootstrap

This course is part of IBM Front-End Developer Professional Certificate

Instructors: IBM Skills Network Team

11,219 already enrolled

Included with

Learn more

3 modules

Gain insight into a topic and learn the fundamentals.

104 reviews

Intermediate level

Recommended experience

9 hours to complete

Flexible schedule

Learn at your own pace

3 modules

Gain insight into a topic and learn the fundamentals.

104 reviews

Intermediate level

Recommended experience

9 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Summarize key features and benefits of using Bootstrap
Demonstrate your proficiency in building flexible and responsive websites using Bootstrap

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

5 assignments

Taught in English

91% of learners achieved a positive career outcome

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your Mobile and Web Development expertise

This course is part of the IBM Front-End Developer Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from IBM

There are 3 modules in this course

Building flexible, fast, and responsive websites and front-ends with a consistent look and feel has become a basic requirement. To accomplish this, the use of libraries and frameworks is trending. As a front-end developer, it is important that you know at least one front-end framework.

Bootstrap is a CSS framework that provides an extensive set of templates that help with speeding up the website development process. According to W3Tech.com, Bootstrap is a popular CSS framework that is used by 18.7% of all the websites, that is a CSS framework market share of 78.6%. In this short course, which is part of the IBM Front-End Developer Professional Certificate, you will not only equip yourself with concepts but get several opportunities to practice building website components using Bootstrap. After completing this course, you will be able to: - Describe the features of Bootstrap - Set up Bootstrap for a project using a suitable method - Outline key classes and components offered by Bootstrap - Create a simple React app and use Bootstrap for styling - Create a responsive grid layout - Demonstrate your proficiency in using Bootstrap classes and components to build responsive websites

Module details

Bootstrap is a popular framework widely used for front-end development. This module provides you with an overview of Bootstrap and its key concepts. You will get familiar with Bootstrap features for layouts, content, and form. Then, you will get to experience how you can set up Bootstrap for a project. Finally, the module will briefly introduce Bootstrap themes.

What's included

6 videos2 readings2 assignments1 app item1 plugin

6 videosTotal 37 minutes

Course Introduction3 minutes
Overview of Bootstrap7 minutes
Setting Up Bootstrap6 minutes
Essential Concepts of Bootstrap 7 minutes
Layouts, Contents, and Forms in Bootstrap8 minutes
Browser Compatibility of Bootstrap6 minutes

2 readingsTotal 7 minutes

Course Overview and Prerequisites5 minutes
Helpful Tips for Course Completion2 minutes

2 assignmentsTotal 21 minutes

Module 1 Practice Quiz: Getting Started with Bootstrap6 minutes
Module 1 Graded Quiz: Getting Started with Bootstrap15 minutes

1 app itemTotal 30 minutes

Hands-on Lab: Getting Started with Bootstrap30 minutes

1 pluginTotal 5 minutes

Reading: Bootstrap Themes5 minutes

Module 2 will introduce to the different types of Bootstrap components. You will then apply some key Bootstrap classes, styles, and components to build different responsive website components. You will also learn about the Bootstrap icons and experience the power of Bootstrap-React integration by developing a simple application.

What's included

5 videos2 assignments4 app items2 plugins

5 videosTotal 35 minutes

Getting Started with Components7 minutes
Utilities7 minutes
Helpers in Bootstrap7 minutes
Bootstrap Icons7 minutes
Cards and Grid System in Bootstrap7 minutes

2 assignmentsTotal 16 minutes

Module 2 Practice Quiz: Intermediate Bootstrap6 minutes
Module 2 Graded Quiz: Intermediate Bootstrap10 minutes

4 app itemsTotal 240 minutes

Hands-on Lab: Working with Bootstrap Alert Buttons60 minutes
[OPTIONAL] Hands-on Lab: Creating a Year Validation Component in React and Using Bootstrap Styling60 minutes
Hands-on Lab: Working with the Responsive Grid System 60 minutes
Hands-On Lab: Implementing Bootstrap Pre-built Components60 minutes

2 pluginsTotal 20 minutes

[OPTIONAL] Reading: React Integration with Bootstrap5 minutes
Reading: Understanding Pre-built Components in Bootstrap15 minutes

In this module, you will complete a final project where you will have an opportunity to demonstrate your proficiency in Bootstrap. Next, the final exam will test your knowledge of the course’s content including the essential concepts, Bootstrap components, and their application.

What's included

1 video3 readings1 assignment1 app item2 plugins

1 videoTotal 3 minutes

Project Demo 3 minutes

3 readingsTotal 7 minutes

Course Summary: Developing Websites and Front-Ends with Bootstrap1 minute
Congratulations and Next Steps1 minute
Thanks from the Course Team5 minutes

1 assignmentTotal 30 minutes

Final Quiz: Developing Websites and Front-Ends with Bootstrap30 minutes

1 app itemTotal 60 minutes

Final Project: Build a Fine-Dining Restaurant Website60 minutes

2 pluginsTotal 19 minutes

Cheatsheet: Developing Websites and Front-Ends with Bootstrap15 minutes
Glossary: Developing Websites and Front-Ends with Bootstrap4 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructors

Instructor ratings

(25 ratings)

IBM Skills Network Team

92 Courses2,005,518 learners

Offered by

IBM

Learner reviews

5 stars
69.52%
4 stars
14.28%
3 stars
10.47%
2 stars
1.90%
1 star
3.80%

Showing 3 of 104

Reviewed on Mar 6, 2025

I think it lacks a little bit on practical examples

Reviewed on Apr 7, 2025

This course made me to discover the real power of bootstrap. With more focus on the hands on labs, it gives the practical knowledge that we need in the real projects.

Reviewed on Nov 25, 2023

Thanks to this effective course. It mainly helped me in layout and positioning of elements in the website

View more reviews