相关疑难解决方法(0)

我一直在努力创建一个树(如目录树),它使用尽可能多的CSS和尽可能少的JS(仅适用于状态等),我想知道是否有一些好的现有树插件用于引导程序或jquery-ui bootstrap.

作为参考或对于这个问题感到困惑的人,我正在寻找类似dynatree for bootstrap的东西.

我不知道如何命名这个或如何解释它,所以我会给你一些例子,说明我拥有的和我想要创造的东西......

我有一个div列表,所有这些都有自己的风格,他们看起来像论坛和子论坛......在这里我将展示我拥有的图片:

代码很简单:

<div id="Forums">
    <div class="category">Category</div>
    <div class="forum">Forum</div>
    <div class="sub-forum">Sub-forum</div>
    <div class="sub-forum">Sub-forum</div>
    <div class="sub-forum">Sub-forum</div>
    <div class="forum">Forum</div>
</div>

而css也很容易:

.category {
    width: 95%;
    height: 3em;
    background-color: rgba(46, 183, 255, 0.67);
    margin: 2em;
    margin-bottom: 0;
}
.forum {
    width: auto;
    height: 3em;
    background-color: rgba(30, 101, 141, 0.67);
    border: dotted;
    margin-left: 4em;
}

.sub-forum {
    width: auto;
    height: 3em;
    background-color: rgba(12, 50, 69, 0.67);
    border: dotted;
    margin-left: 7em;
}

我正在考虑制作一个设计,所以类别,论坛和子论坛都与一个破旧风格的"列表"相关联......我不知道如何描述它,所以我做了一个蓝图:

是否有可能获得这个？我该怎么做？

谢谢!