I have ul li navigation with bootsrap , where li has fixed width, and I have got a lot of li, and I want to show all li elements of menu on mobile (I dont know how)
Problem : I want to show all menu in horizontal
way on mobile, but it's going vertical
, and how to put all elements to the small screen
You forget the display:inline
in your css,
try this 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;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.