Question

我正在使用“列表”组组件创建具有自己的样式的菜单，如下所示：

<div id="menu" class="list-group">
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        <li>Fruits</li>
    </div>
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        <li>Vegetables</li>
    </div>
    <div class="menu-item menu-level-0 sub-menu list-group-item">
        <li>Meats</li>
    </div>
</div>

如何删除为每个列表组项目创建的项目符号点？

Answer 1

要点来自i元素。这是一个列表项，默认情况下带有项目符号点。

可以使用一些简单的CSS隐藏它们：

<li>

或者像该答案的注释中所建议的那样，您可以完全删除li { list-style: none; }元素，因为这里不需要它们：

<li>

Answer 2

如果您更改代码以匹配Bootstrap的文档，则样式将不会显示项目符号。将{{1}的{ "access_token":"...", "expires_in":... }更改为# The full_model does not converge full_model <- glmmTMB(y ~ x1 * x2 * (x3 + x4 + x5 + x6) + (1|RE1/RE1.1/RE1.2) + (1|RE2), data = df, family = "nbinom2") # The simple_model does converge simple_model <- glmmTMB(y ~ x1 + x2 + x3 + x4 + x5 + x6 + (1|RE1/RE1.1/RE1.2) + (1|RE2), data = df, family = "nbinom2") # Change formula in the model simple_model$call$formula <- y ~ x1 * x2 * (x3 + x4 + x5 + x6) + (1|RE1/RE1.1/RE1.2) + (1|RE2) # use dredge, but this ignores the changed formula dredge(simple_model)，并将div的div替换为ul。

list-group

这样，您就不会覆盖样式，而是在使用内置的引导样式。

参考：https://getbootstrap.com/docs/4.3/components/list-group/

引导程序示例：

list-group-item

如何从列表组项目中删除项目符号点

2 个答案: