                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

list-inline list-unstyled都没有水平啊，我用的是假代码吗？

<ul class="list-inline">

<li>W3cplus</li>

<li>Blog</li>

<li>CSS3</li>

<li>jQuery</li>

<li>PHP</li>

</ul>

以气御码

2018-05-16

源自：玩转Bootstrap（基础） 2-12

关注问题我要回答

2578

操作

收起

4 回答

weixin_慕UI7585528
2019-09-02

在bs4里面，除了ul要使用list-inline之外，li全部还要用list-inline-item这个类来实现水平。

<ul class="list-inline">

<li class="list-inline-item">W3cplus</li>

<li class="list-inline-item">Blog</li>

<li class="list-inline-item">CSS3</li>

<li class="list-inline-item">jQuery</li>

<li class="list-inline-item">PHP</li>

</ul>

0 回复有任何疑惑可以回复我~

古琮斌
2018-09-27

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>内联列表</title>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>

<ul class="list-unstyled">

<li>

城市：

<ul class="list-inline">

<li>北京</li>

<li>上海</li>

<li>南京</li>

<li>厦门</li>

</ul>

</li>

</ul>

</body>

</html>

0 回复有任何疑惑可以回复我~

#1

以气御码提问者

感谢您的回答，在问题留言区解决了

2018-09-27 回复有任何疑惑可以回复我~

以气御码提问者
2018-05-28

解决了，看到评论区“Gemma_Tong”的回答了：“在bs4里面，除了ul要使用list-inline之外，li全部还要用list-inline-item这个类来实现水平”！

5 回复有任何疑惑可以回复我~

qq_Decisivem_0
2018-05-17

我试过是可以的，你看看你有没有导入bootstrap的文件

0 回复有任何疑惑可以回复我~

#1

以气御码提问者

感谢您的回答，在问题留言区解决了

2018-09-27 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

5 回答只有.text-left和.text-right起作用，.list-unstyled和.list-inline不起作用....浏览器是firefox和chrome

2 回答不加 radio-inline也可以水平啊

2 回答求解，没有水平啊？

1 回答二级菜单加list-inline，全屏没效果

1 回答设置inline不能水平显示

搜索更多本课相关问答

list-inline list-unstyled都没有水平啊，我用的是假代码吗？

我要回答关注问题

意见反馈帮助中心 APP下载