Horizontal bootstrap de navigation ul

Question

J'ai ul ul navigation avec bootsrap, où li a une largeur fixe, et j'ai beaucoup de li, et je veux montrer tous les éléments de menu sur mobile (je ne sais pas)

problème: Je veux montrer tous les menus de horizontal manière sur mobile, mais il va vertical, et comment mettre tous les éléments au petit écran

https://jsfiddle.net/fvove846/

Answer 1

Vous oubliez le display:inline dans votre css,

essayer ce code

.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; 
}