css 引导程序ul容器是基于文本而不是项目符号对齐的

9gm1akwq 于 2022-11-19 发布在其他

关注(0)|答案(1)|浏览(135)

我有一系列的段落文本内容，后面是一些无序的列表。当对它们使用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">

<p class="container">A paragraph.</p>

<ul class="container">
  <li>A list item</li>
  <li>Another list item</li>
</ul>

css

来源：https://stackoverflow.com/questions/74416300/bootstrap-ul-container-is-aligning-based-on-text-instead-of-the-bullet

1条答案

按热度按时间

tnkciper1#

container类与段落或列表无关，它本身或与其他grid元素（如行和列）一起用作外部结构元素。

<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>

赞(0）回复(0）举报 2022-11-19

我来回答

css 引导程序ul容器是基于文本而不是项目符号对齐的

1条答案

相关问题

热门标签

最新问答