Button grouping in Lists

[shawnthompson]

Would it be possible to make this design pattern for buttons into a ul with li for each button.

There is the toolbar pattern but this groups buttons all under the same li

[kodz1]

The Bootstrap CSS doesn't support it. You can to create a bootstrap override for it.

I believe you mean:

<ul class="btn-group list-inline" role="group" aria-label="Basic example">
<li><button type="button" class="btn btn-default">Left</button></li>
<li><button type="button" class="btn btn-default">Middle</button></li>
<li><button type="button" class="btn btn-default">Right</button></li>
</ul>

[shawnthompson]

That's exactly what I mean! I'm not sure why you have the aria-label in there or the role.

[kodz1]

Just the testing application I used added them. As I said before bootstrap css doesn't support it. You need to open a PR in https://github.com/wet-boew/wet-boew too add the feature.