Bootstrap btn-group修改“base”按钮

时间:2012-08-17 17:14:53

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

早上好,

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

但是,我在“类似列表”的视图中显示其中的多个,并且所有这些按钮在眼睛上并不容易。我想要做的不是第一个元素的按钮,而是将它作为一个链接,如果我的用户希望查看过去的元素,只需要在该链接的右侧放置一个小插入按钮。

有没有人知道这种风格的简单方法?改写 - 我希望最顶层的元素只是一个(或类似的东西),并且只有一个按钮,其中包含一个插入符号的符号。

提前致谢!

1 个答案:

答案 0 :(得分:0)

如果你看看bootstrap 2.1,这是一个正在进行中的工作,他们会引入一个新的按钮stlye class .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/