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>