Skip to content

fix(docs): add missing alignment classes to stepper code examples - #43351

Open
Rajpal14 wants to merge 1 commit into
twbs:mainfrom
Rajpal14:fix/43346-stepper-alignment-examples
Open

Rajpal14 wants to merge 1 commit into
twbs:mainfrom
Rajpal14:fix/43346-stepper-alignment-examples

Conversation

@Rajpal14

Copy link
Copy Markdown

What does this PR do?

The stepper Alignment section on the v6 docs page has three code examples (default/start, center, end). The preview renders correctly because the class attribute is set on the <Example> wrapper component. However, the copyable code snippets shown to users were missing the actual alignment utility class on the <ol> element, so all three code blocks looked identical.

This PR adds the missing classes:

  • text-center to the center alignment example
  • text-end to the end alignment example

Before / After

Before (center example):

<ol class="stepper stepper-horizontal">

After (center example):

<ol class="stepper stepper-horizontal text-center">

Same fix applies to the end (text-end) example.

Related issue

Fixes #43346

AI disclosure

Google Antigravity was used to identify the file location and structure the fix. The change was reviewed and verified manually against the issue description.

The stepper alignment section showed three code examples (default/start,
center, end), but the center and end examples were both missing the
corresponding text alignment utility class in the displayed code snippet.
The preview rendered correctly because the class was set on the Example
component wrapper, but the copyable code shown to users lacked it,
making the examples misleading.

Add `text-center` to the center example and `text-end` to the end
example so the displayed code matches the rendered output.

Fixes twbs#43346
@julien-deramond julien-deramond added v6 v6, the main branch docs Documentation site and its content html Component markup: elements, attributes, structure labels Nov 11, 2026

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Documentation site and its content html Component markup: elements, attributes, structure v6 v6, the main branch

Projects

None yet

Development

Successfully merging this pull request may close these issues.

v6: Stepper alignment code examples missing alignment class

2 participants