如何更改 angularJS+Bootstrap 中的行？

Question

我正在处理一棵树，可以在下面看到 plunker from the user Maxim Shoustin。这正是我们所需要的，但我的头撞到了树上显示的线条。我已经更改了 .css 中的许多参数，但似乎没有任何内容改变这些行。

.css的开头如下：

   .tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
    }

如何更改行与复选框之间的分隔？我怎样才能使每个子节点的最后一个分支是 "clean corner"？（意味着没有像示例中那样的额外行）。

如有任何帮助或参考，我们将不胜感激。

编辑：问题好像不够清楚。我一直在玩 .css 但我真的不知道在哪里更改线条属性。见下图：

我想要的是： 1）删除复选框和行之间的白色space。 2）去掉拐角处的这条多余的线。任何的想法？请注意我没有复制完整的.css

Answer 1

这是因为你有两个 class for div tree and well.

<div class="tree well">

well class 覆盖 class tree

Answer 2

要将行移动到顶部，请更改此属性 :

.tree li::before{
  top:-5px;
}

对我有用！

如何更改 angularJS+Bootstrap 中的行？

How to change lines in an angularJS+Bootstrap?

javascript

css

treeview

twitter-bootstrap

angularjs