Inline List; addition items do not get CSS style added.

Bug Reports
1

I've added a list to a column element and made it inline. I cannot get any addition items to have the style added to them. I have tried to reset the list and found that my additional list items are ignored when the inline classes are added.

Reproduction steps:

Add a list and set list style option to; inline(UL)

Result:

<ul class="list-inline">
    <li class="list-inline-item">Item 1</li>
    <li class="list-inline-item">Item 2</li>
    <li class="list-inline-item">Item 3</li>
</ul>

Select list in overview

Click Add to list End.

Result: List item is added without class.

<ul class="list-inline">
    <li class="list-inline-item">Item 1</li>
    <li class="list-inline-item">Item 2</li>
    <li class="list-inline-item">Item 3</li>
    <li>Item 4</li>
</ul>

Select List and change style to any other option.

Change back to the inline style option.

Result: All list items except Item 4 have the inline styles applied.

2

Interesting. Can confirm this seems like a bug. Even switching the list back to Unordered and then Inline will not affect the list item added through the interface.

Temporary workaround is you can duplicate the existing list items, and they will take on the proper class.

@Martin

3

Thank you for reporting this! It will be fixed in Bootstrap Studio 5.