Text alignment utilities in Bootsrap - Cheat Sheet & Quick Revision

Recall & Review

beginner

What class in Bootstrap aligns text to the left?

The class .text-start aligns text to the left in Bootstrap.

beginner

How do you center text horizontally using Bootstrap classes?

Use the class .text-center to center text horizontally in Bootstrap.

beginner

Which Bootstrap class aligns text to the right?

The class .text-end aligns text to the right in Bootstrap.

intermediate

How can you make text alignment responsive in Bootstrap?

Bootstrap provides responsive text alignment classes like .text-sm-start, .text-md-center, .text-lg-end to align text differently on various screen sizes.

intermediate

What is the difference between .text-start and .text-left in Bootstrap 5?

.text-start aligns text to the start of the container respecting text direction (LTR or RTL), while .text-left is deprecated and always aligns text to the left regardless of direction.

Which Bootstrap class aligns text to the right side?

A .text-end

B .text-center

C .text-start

D .text-justify

The class .text-end aligns text to the right side in Bootstrap.

How do you center text only on medium screens and larger in Bootstrap?

A .text-center

B .text-center-md

C .text-md-center

D .text-md-start

Use .text-md-center to center text on medium screens and larger.

What does the class .text-start do in Bootstrap?

A Always aligns text to the left

B Justifies the text

C Centers the text

D Aligns text to the left or start depending on text direction

.text-start aligns text to the start of the container, which is left in LTR languages and right in RTL languages.

Which class is deprecated in Bootstrap 5 for text alignment?

A .text-left

B .text-start

C .text-center

D .text-end

.text-left is deprecated in Bootstrap 5 in favor of .text-start.

If you want text aligned to the right only on large screens, which class should you use?

A .text-end-lg

B .text-lg-end

C .text-lg-start

D .text-center-lg

Use .text-lg-end to align text to the right on large screens and above.

Explain how Bootstrap's text alignment utilities help with responsive design.

Think about how text looks on phones vs desktops.

Describe the difference between .text-start and .text-left in Bootstrap 5 and why it matters.

Consider languages that read right to left.