带箭头的Bootstrap标签

时间:2015-03-12 10:57:46

标签: css css3 twitter-bootstrap twitter-bootstrap-3 css-shapes

我正在弄清楚如何将Bootstrap Label指向一行。我的解决方案是:

enter image description here

但是鳞片很差,看起来非常不专业。

基于Bootstrap Label,代码为:

.your-request-arrow {
    position: absolute;
    left: -67px;
    margin-top: 3px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.your-request-arrow:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-left-color: #5bc0de;
    border-left-width: 14px;
    border-top-width: 7.9px;
    border-bottom-width: 7.8px;
    margin-top: -7.5px;
}

0 个答案:

没有答案