Bootstrap 4 inside Wordpress. For some reason, I cannot get lists items to display inline (horizontally) using only the class
.list-inline on the list, like this:
<ul id="dances" class="list-unstyled list-inline">
It only works if I put the class
.list-inline-item on the actual list items individually, like this below, which seems superfluous:
<ul id="animals" class="list-unstyled">
I'm new to Bootstrap, and I can't recall where I found the class
.list-inline-item, because I can't find it in the Bootstrap 4 class list anywhere. For example on this cheatsheet.
Here is my fiddle so you can better see it in action.
(Please view the fiddle in a wide browser.)
Notice how the "
Animals" list in the yellow displays horizontally, but the "
Dances" in the pink do not. Why is this?