[英]Horizontal ul li navigation bootstrap
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) 我使用bootsrap进行ul li导航,其中li具有固定的宽度,并且我有很多li,并且我想在移动设备上显示菜单的所有li元素(我不知道如何)
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 问题:我想在移动设备上以
horizontal
方式显示所有菜单,但它是vertical
,以及如何将所有元素放到小屏幕上
https://jsfiddle.net/fvove846/ https://jsfiddle.net/fvove846/
You forget the display:inline
in your css, 您忘记了
display:inline
在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;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.