twitter-bootstrap:当鼠标悬停在<a> -tag中的btn-group时,如何摆脱带下划线的按钮文字？

关于这个问题，我们可以通过以下几种方法来解决：

使用CSS样式来取消链接的下划线效果：

在CSS样式表中，可以添加以下代码：

.btn-group a {
  text-decoration: none;
}

这将取消.btn-group中所有<a>标签的下划线效果。

使用JavaScript来动态地添加btn类到<a>标签中：

可以使用以下JavaScript代码来实现：

document.querySelectorAll('.btn-group a').forEach(function(link) {
  link.classList.add('btn');
});

这将为.btn-group中的所有<a>标签添加btn类，从而取消下划线效果。

使用Bootstrap的按钮组件：

Bootstrap提供了一个名为.btn-group的组件，可以用来创建一组按钮。在使用这个组件时，可以将<a>标签替换为<button>标签，从而避免下划线效果的出现。

例如：

<div class="btn-group" role="group" aria-label="Basic example">
 <button type="button" class="btn btn-secondary">Left</button>
 <button type="button" class="btn btn-secondary">Middle</button>
 <button type="button" class="btn btn-secondary">Right</button>
</div>

这将创建一个包含三个按钮的按钮组，并且不会出现下划线效果。

总之，这个问题可以通过CSS、JavaScript或者使用Bootstrap的组件来解决。