Explore headings and display utilities in bootstrap, practice applying heading elements and display-1 to display-4, and compare default designs with bootstrap styling using classes such as text-muted and small.

Explore images and alignment in Bootstrap 4 by loading images, applying a thumbnail, borders, and rounded corners, and using float right or left to position images.

Explore how to create responsive tables in Bootstrap, customize table styles (dark, light, striped, bordered), and adjust sizing for different screens.

Build a responsive grid system with Bootstrap 4 using flexbox, supporting up to three columns, and learn to use containers and fluid versus fixed layouts for adaptable screens.

Learn to implement Bootstrap jumbotron and alerts, using primary, secondary, success, warning, danger, and other alert styles. Build and test alert links and observe color changes across examples.

Master Bootstrap 4 buttons and badges by exploring variants such as primary, outline, and danger, borders and colors. Create buttons in sizes, fluid and block layouts, pills, and badges.

Explore how to create breadcrumbs and cards with Bootstrap, including images, headers, footers, and responsive card layouts.

Create text boxes and select elements with the form-control class, then adjust their sizes using sm and lg options to control width and full-width behavior.

Explore building a Bootstrap modal with a grid layout and adjustable sizes, wiring up triggers, headers, and bodies, and toggling between small and large modal sizes.

Learn how to implement tooltips and popovers in bootstrap using popper, load dependencies, and customize placement options top, bottom, left, and right.

learn to implement collapse and accordion components in bootstrap 4, exploring simple collapse panels, card-based accordions, and interactive toggles.

Learn to build a Bootstrap 4 carousel by preparing three images, structuring an image folder, and implementing slides, controls, and indicators to create a responsive carousel.

Learn to build a Bootstrap 4 navbar from scratch, including dropdown menus and a search form, with practical steps to customize and integrate into your project.

Learn to implement Bootstrap scrollspy to highlight nav items as you scroll through sections, configure targets and active states, and create a polished scrollspy navigation.

Master bootstrap 4 spacing by applying padding and margins with spacing utilities, and observe how changing values creates left-side space and centers content for clean layouts.

Discover how to implement a Bootstrap 4 progress bar and pagination navigation, customize width and styling with progress and progress-bar classes, and preview next and previous controls.

Explore Bootstrap 4 borders and close icons by configuring border positions, applying colors such as primary, secondary, and success, and using the close icon components.

Learn to customize text color and background color in Bootstrap 4 and embed YouTube videos to enhance your web pages.

Learn how to apply shadow and sizing in Bootstrap, using shadow classes, adjusting width, height, and spacing with pixel values.

Explore bootstrap text utilities, including alignment (left, center, right), text transform (lowercase, uppercase, capitalize), and sticky utilities demonstrated through live browser refreshes.

Learn vertical alignment in bootstrap by building sample blocks, applying line classes, and positioning content from top to bottom in a practical demo.

Learn to create tabs in Bootstrap 4, using nav tabs and tab content to switch between home, about, and detail sections.

Learn to build a responsive Bootstrap 4 gallery using cards, images, and grid layouts, with styling for height, margins, and deck-based presentation.

Create a Bootstrap gallery with filter controls, set up image markup and data attributes, and implement client-side filtering with JavaScript (and a jQuery-like approach) and animated transitions.

Implement a side menu toggle with a fixed top navbar, add simple animation, and wire up interactions using JavaScript.

Learn to build a responsive flip card in bootstrap by creating front and back faces, applying 3d transforms and rotate 180 degrees, and customize the card's animation and style.

Learn to build a Bootstrap 4 profile card by adding a profile image, name, and content sections, then style and adjust height and layout for a polished profile display.

Create a multi-level bootstrap 4 menu using nested dropdowns, ul/li lists, and styling to achieve left-aligned submenus with borders and responsive behavior.

Build a Bootstrap 4 mega menu with dropdowns, using classes and image sources for menu items.

Explore a pricing table with free, basic, standard, and premium plans, and see how selecting a price updates the display to 3D. Then preview pricing content and pricing style.

Master creating and styling pricing content in bootstrap 4, including structuring pricing sections and naming elements for clear pricing layouts.

Design a bootstrap-based pricing style by building a pricing deck with typography, borders, shadows, and margins. Explore price layout, font size, line height, and responsive design.

Build a 3d button in Bootstrap 4, apply transform translate to create the 3d effect, and preview the result alongside the pricing table.

Create a login page with username and password fields, implement a hover-activated login action on the bottom control, and navigate to the home view using the Apple icon.

Create a login form in Bootstrap 4 with username and password fields, add Font Awesome icons, set up form controls and placeholders, and preview the login details.

Develop a bootstrap login interface by designing a centered login form with username and password fields, styling colors, borders, and margins for a clean, basic login screen.

Create the resume output page, including an about section and a skill section, following the examples shown, and customize with additional content using scroll navigation.

Learn to build a Bootstrap-based layout with a side navigation and a top navbar, configure fixed positioning, and style responsive site navigation for a clean, navigable UI.

Create an about section for the rescue me app using Bootstrap 4 styling and class-based markup. Style typography, spacing, and borders to preview the result.

Build a Bootstrap 4 skills section by arranging inline icons, headings, and class-based elements into a clear, practical example.

Create a register output in this section, then move to register content and finally register design, while building and styling a beach web page.

Learn to build a bootstrap 4 register form with name, email, and password fields, a responsive row layout, and social sign-in icons.

Design a bootstrap 4 registration form with form controls, input types, and placeholders, and refine visuals with border color changes and logo alignment.

Create a jumbotron parallax output, manipulate the image pile by dragging to the bottom, and implement parallax design techniques in Bootstrap 4.

Learn to create and style two jumbotron sections in bootstrap 4, and explore parallax effects to demonstrate content presentation.

Learn to design a jumbotron with parallax effects in Bootstrap, featuring practical setup and hands on guidance for responsive layouts.