We help IT Professionals succeed at work.

Bootstrap List Not Displaying Horizontally

Bob Schneider
Bob Schneider used Ask the Experts™
on
Can someone explain why the "Display By" list on https://www.gopherstateevents.com/results/cc_rslts/relay_rslts.asp?race_id=3040&display_by=school is not displaying horizontally please?

Thanks!
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Hi,

you need to use list-group-horizontal class
https://getbootstrap.com/docs/4.4/components/list-group/#horizontal
<ul class="list-group list-group-horizontal">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
</ul>

Open in new window


I checked your code that seems ok, I would place it into a row / column to see if this will fix it.
By the way you have 3 errors in the console, these error may cause other issue with other JS  so maybe just fix that and that will be ok.

You also have DevTools failed to parse SourceMap warning