如何在 li bootstrap 中删除列表点 - TypeScript

在 Bootstrap 的默认样式中，li 元素总是带有列表点。但是，有时候我们可能需要删除列表点，这时候该怎么做呢？

如果你使用 TypeScript 开发项目，可以按照以下方式来删除列表点。

方式一：通过样式表修改

可以在样式表中添加以下代码：

.list-unstyled li {
  list-style: none;
}

这样，具有 .list-unstyled 类的列表中的所有 li 元素将不再显示列表点。如果需要仅修改某个列表的样式，可以将 .list-unstyled 类添加到该列表的父元素中。

方式二：在 HTML 中添加样式

如果不希望使用样式表，也可以在 HTML 中直接给 li 元素添加样式。

<ul>
  <li style="list-style: none;">第一项</li>
  <li style="list-style: none;">第二项</li>
  <li style="list-style: none;">第三项</li>
</ul>

这样，这个列表中的所有 li 元素也将不再显示列表点。

需要注意的是，样式表修改方式会更方便管理，而直接在 HTML 中添加样式可能会影响代码的可读性。

希望这篇文章能够对你有所帮助！