引导程序/HTML-澄清

Question

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

我可以请求帮助识别CSS中有问题的元素吗？

Answer 1

您需要在<a>元素内部打开：：after。然后您可以更改边界的值。

例如

 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
}