Bootstrap / HTML - 澄清

Question

我正在关注http://bootsnipp.com/snippets/featured/simple-vertical-tab的例子。当选择菜单项时，我无法弄清楚如何修改指向右侧的箭头标记的大小。

我可以请求帮助以确定CSS中的相关元素吗？

Answer 1

你需要在<a>元素之后打开::。然后你可以改变边界的价值。

例如

 div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 57px solid #5A55A3;
}

Answer 2

根据需要更改边框值。

CSS：

div.bhoechie-tab-menu div.list-group > a.active::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;  //change as your needed
  border-bottom: 13px solid transparent; //change as your needed
  border-top: 13px solid transparent;  //change as your needed
  border-left: 10px solid #5A55A3;  //change as your needed
}