Styling the Web with Bootstrap

blur

Learn Path Description

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. It can be used to rapidly prototype ideas and build high-performance enterprise websites.

Skills You Will Gain

Courses In This Learning Path

blur
icon

Total Duration

2.08 hours

icon

Level

Beginner

icon

Learn Type

Certifications

Bootstrap 4: Getting Started

Bootstrap is an essential tool for any web developer. Bootstrap is essential for creating responsive, mobile-first websites. Bootstrap Getting Started will teach you how to use Bootstrap in a practical and hands-on manner. To begin, you will learn the core components of Bootstrap so that you can understand the potential benefits. Next, you will learn how to create responsive layouts using the Grid and other Bootstrap classes. You'll also learn how to add components that will enhance your users' experience on your site. You'll be able to create modern, mobile-first websites once you have completed this course.

blur
icon

Total Duration

1.28 hour

icon

Level

Intermediate

icon

Learn Type

Certifications

Creating a Responsive Layout with Bootstrap Grid

Many web developers find it difficult to structure websites that work on all devices. This course, Creating Responsive Layouts with Bootstrap Grid, will teach you how to create responsive websites. You'll first learn how Bootstrap's grid system works. Next, you will learn how to use Bootstrap's grid system and other utilities. Flexbox will be your final tool to help you create interesting layouts in the Grid System. This course will equip you with the knowledge and skills to create attractive, responsive websites using Bootstrap.

blur
icon

Total Duration

0.48 hour

icon

Level

Intermediate

icon

Learn Type

Certifications

Adding Styling with Bootstrap Typography and Utilities

Sites that don't consider typography are unprofessional and amateur. This course, Adding Style with Bootstrap Typography & Utilities, will teach you how to use Bootstrap's typography tools. You'll first learn the basics of fonts and how to choose the best ones. Next, you will learn how Bootstrap uses its typography settings. You'll also learn how to use Bootstrap's text utilities. This course will equip you with the knowledge and skills to create professional websites in Bootstrap with beautiful styles.

blur
icon

Total Duration

94 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Bootstrap 5 Components: Playbook

Bootstrap is complex and can be difficult to understand. This course, Bootstrap5 Components Playbook, will teach you how to use Bootstrap components to quickly create a website with a clean appearance. You'll first learn about general class styles that can be used to add color or enhancements to buttons and lists. Next, you will learn about site-wide components like navigation, pagination and breadcrumbs. The card component will allow you to organize information into modules. This course will equip you with the knowledge and skills necessary to create a visually appealing website in a short time.

blur
icon

Total Duration

160 minutes

icon

Level

Intermediate

icon

Learn Type

Certifications

Creating Interactivity with JavaScript Based Bootstrap 4 Components

Although static Bootstrap components can be great, they don't engage the user. Imagine if your goal was to make the components more interactive and customisable. This course, Creating Interactivity using JavaScript Based Bootstrap components, will teach you how to create and extend JavaScript-enabled components using various methods, events, and options. You'll first learn how to display additional content when a user clicks on a button. Next, you will learn how to alert and message the user using popovers, toasts and other methods. Next, you will learn how to present content using various engaging formats like ScrollSpy and carousels. You'll also learn how to add interactivity within modals. This allows you to expand the amount of content that you can place on a page. This course will equip you with the knowledge and skills to use more interactive components in Bootstrap to enhance your web pages for end-users.

blur