list-inline list-unstyled都没有水平啊，我用的是假代码吗？
以气御码
2018-05-16 20:37
<ul class="list-inline">
<li>W3cplus</li>
<li>Blog</li>
<li>CSS3</li>
<li>jQuery</li>
<li>PHP</li>
</ul>
4回答
-
- weixin_慕UI7585528
- 2019-09-02 12:08: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>
-
- 古琮斌
- 2018-09-27 20:17:03
<!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>
-
- 以气御码
- 2018-05-28 17:01:22
解决了，看到评论区“Gemma_Tong”的回答了：“在bs4里面，除了ul要使用list-inline之外，li全部还要用list-inline-item这个类来实现水平”！
-
- qq_Decisivem_0
- 2018-05-17 07:03:52
我试过是可以的，你看看你有没有导入bootstrap的文件
玩转Bootstrap（基础）
314544 学习 · 2275 问题
相似问题