Bootstrap btn-group 修改“base”按钮答案

【问题标题】：Bootstrap btn-group Modifying "base" buttonBootstrap btn-group 修改“base”按钮
【发布时间】：2012-08-17 17:14:53
【问题描述】：

早安，

我正在尝试使用 Bootstrap Button Group 将一系列相关元素组合在一起。这些元素仅对给定的日历年“有效”，因此我试图以易于显示的方式将“过去的元素”组合在一起。到目前为止，我真的很喜欢使用引导按钮组来执行此操作，如 here 所述。

但是，我在“类似列表”的视图中显示了其中的多个按钮，所有这些按钮确实不容易让人赏心悦目。我想做的不是第一个元素的按钮，而是将其设为链接，如果我的用户希望查看过去的元素，只需在该链接的右侧添加一个小插入符号按钮。

有没有人知道一个简单的方法来设置这个样式？重新措辞 - 我希望最顶部的元素只是一个（或类似的东西），并且只有一个包含插入符号的按钮位于它的侧面。

提前致谢！

【问题讨论】：

标签： html asp.net-mvc twitter-bootstrap buttongroup

【解决方案1】：

如果您查看目前正在开发的 bootstrap 2.1，他们会引入一个新的按钮样式类 .btn-link，它可能适用于此

.btn-link {
  color: #08C;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

他们似乎没有将它包含在按钮组文档中，所以它可能看起来有点滑稽。

http://jsfiddle.net/qtK95/4/

【讨论】：

不错的解决方案 - 谢谢。我会稍等一下，看看有没有其他人有什么建议。