Bootstrap - 带标签的按钮组

Question

是否可以有一个按钮组，但其中一个元素是标签。

类似输入组如何使用输入组插件。

我基本上希望按钮看起来像一个按钮，但在悬停时没有任何效果。

目前尽最大努力将<a>与disabled一起使用，但这会使颜色与页面的其他部分略有不同。

http://jsfiddle.net/sctqg038/

Answer 1

我更新了小提琴。只需在要用作标签的按钮上添加一个ID，然后给出以下css pointer-events:none。它不会改变按钮颜色。

Updated Fiddle

<强>段

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
#label-btn {
  pointer-events: none;
}

<div class="btn-group">
                            <a href="#" role="button" class="btn btn-success btn-xs" id="label-btn"  aria-disabled="true">T</a>
                            <button type="button" class="btn btn-default btn-xs" aria-label="Import" data-toggle="tooltip" title="Import">
                                <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
                            </button>
                        </div>