bootstrap ul 容器基于文本而不是项目符号对齐

Question

我有一系列段落文本内容，后跟一些无序列表。 当在它们上使用class="container " 时，它确实留下了 alignment 文本而不是项目符号点，这导致项目符号点笨拙地太靠左或者在某些断点中实际上在屏幕边缘被部分切断。

在这种情况下，是否有正确的方法或引导惯用的方法来更改样式？

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <p class="container">A paragraph.</p> <ul class="container"> <li>A list item</li> <li>Another list item</li> </ul>

Answer 1

class这个container在一段或者一个列表上没有业务。 它旨在单独用作外部结构元素或与其他网格元素（例如行和列）结合使用。

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <div class="container"> <p>A paragraph.</p> <ul> <li>A list item</li> <li>Another list item</li> </ul> </div>