Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Typography Part 1 | Basic Concepts
Bootstrap Essentials for Modern Websites
course content

Course Content

Bootstrap Essentials for Modern Websites

Bootstrap Essentials for Modern Websites

1. Understanding Bootstrap
2. Setting Up Environment
3. Basic Concepts
4. Advanced Concepts
5. Creating a Portfolio Website with Bootstrap

book
Typography Part 1

Bootstrap provides a set of typography classes for consistent styling of text elements. These classes can be applied to headings, paragraphs, spans, and other text elements.

Common Typography Classes

Headings

Headings can be styled using classes such as h1 to h6 to adjust their sizes.

html

index

css

index

js

index

copy

Font size

Bootstrap provides classes like fs-1, fs-2, fs-3, fs-4, fs-5, and fs-6 to control font (text) sizes.

html

index

css

index

js

index

copy

Font weight and italics

Font weights can be set using the class fw-* (font-weight), while italic styling can be achieved using the class fst-*(font-style).

html

index

css

index

js

index

copy

Lead text

The lead class is used to add emphasis to a paragraph by increasing its font size and weight.

Text alignment

Classes like text-start, text-center, and text-left are used to align text elements.

html

index

css

index

js

index

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 2
We're sorry to hear that something went wrong. What happened?
some-alt