Горизонтальная ul li навигационная начальная загрузка

Question

У меня есть ul li навигация с bootsrap, где li имеет фиксированную ширину, и у меня много li, и я хочу показать все элементы меню li на мобильном телефоне (я не знаю, как)

Проблема: я хочу показать все меню в horizontal путь на мобильный, но это происходит verticalи как разместить все элементы на маленьком экране

https://jsfiddle.net/fvove846/

Answer 1

Вы забыли display:inline в вашем CSS,

попробуй этот код

.table_ul_nav{
    display: block;
    list-style: outside none none;
    padding-left: 40px;
    display: inline;
}
.table_ul_nav>li{
    width: 130px;
    display: inline-block;
    text-align: center;
    padding: 8px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    display: inline;
}