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

Course Content

Bootstrap: Building Stylish Websites

1. Understanding Bootstrap

Hello BootstrapHistory and EvolutionAdvantages and DisadvantagesMaximizing LearningQuiz

2. Setting Up Environment

Boostrap Installation Options Installing via CDN Installing via NPMChallenge & Quiz

3. Basic Concepts

Grid SystemTypography Part 1Typography Part 2Buttons Part 1Buttons Part 2Margins and PaddingsFormsChallenge & Quiz

4. Advanced Concepts

NavigationImagesCardsModalsCarouselsChallenge & Quiz

5. Creating a Portfolio Website with Bootstrap

IntroductionSetting Up Development EnvironmentBuilding the Header NavigationDesigning the Hero SectionBuilding the Experience SectionCrafting the Skills SectionImplementing the Contact FormConclusion

Bootstrap: Building Stylish Websites

Typography Part 1Typography 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.html

css

index.css

js

index.js

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.html

css

index.css

js

index.js

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.html

css

index.css

js

index.js

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.html

css

index.css

js

index.js

Everything was clear?

Section 3. Chapter 2
course content

Course Content

Bootstrap: Building Stylish Websites

1. Understanding Bootstrap

Hello BootstrapHistory and EvolutionAdvantages and DisadvantagesMaximizing LearningQuiz

2. Setting Up Environment

Boostrap Installation Options Installing via CDN Installing via NPMChallenge & Quiz

3. Basic Concepts

Grid SystemTypography Part 1Typography Part 2Buttons Part 1Buttons Part 2Margins and PaddingsFormsChallenge & Quiz

4. Advanced Concepts

NavigationImagesCardsModalsCarouselsChallenge & Quiz

5. Creating a Portfolio Website with Bootstrap

IntroductionSetting Up Development EnvironmentBuilding the Header NavigationDesigning the Hero SectionBuilding the Experience SectionCrafting the Skills SectionImplementing the Contact FormConclusion

Bootstrap: Building Stylish Websites

Typography Part 1Typography 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.html

css

index.css

js

index.js

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.html

css

index.css

js

index.js

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.html

css

index.css

js

index.js

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.html

css

index.css

js

index.js

Everything was clear?

Section 3. Chapter 2
some-alt