马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap5(4)</title>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<p>据统计，大多数鱼油的行踪主要包括在：</p>
<ol class="list-unstyled">
<li>https://www.fishc.com.cn</li>
<li>https://www.bilibili.com</li>
<ul class="list-inline">
<p>总结</p>
<ol class="list-inline-item">list-unstyled 可以去除序号</ol>
<ol class="list-inline-item">list-inline 可以把内容放进一行里</ol>
</ul>
</ol>
<ol class="list-unstyled">
<li><ul>
<li>list-unstyled 的另一种情况，不仅可以对 ol 设置</li>
<li class="list-unstyled">而且也可以单独对 li 设置</li>
<li>不对呀，我2捏</li>
</ul></li>
</ol>
<script src="js/bootstrap.js"></script>
</body>
</html>
说明：
list-unstyled 可以作用于 ul、ol 和 li
如果对 li 的话，就是针对这个 li，不过 li 的里面就不会受到影响
换句话说你要是再套一个的话，内层会安然无恙
再说说 list-inline
list-inline 应作用于 ul、ol
并且给 li 一个 list-inline-item
这样 li 就会变成横排的~ | 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2023-6-26 23:39:21
置顶卡
千斤顶
显身卡
楼主
发表于 2023-6-27 09:30:37
发表于 2023-6-27 10:58:56