0

おはよう、

Bootstrap Button Group を使用して、関連する要素のファミリをグループ化しようとしています。これらの要素は特定の暦年に対してのみ「有効」であるため、表示しやすい方法で「過去の要素」をグループ化しようとしています. これまでのところ、ここで概説されているように、ブートストラップ ボタン グループを使用してこれを行うのが本当に好きです。

ただし、これらの複数を「リストのような」ビューに表示していますが、これらのボタンはすべて目に優しいものではありません。私がやりたいのは、最初の要素のボタンの代わりに、それをリンクにして、使用者が過去の要素を見たい場合は、そのリンクの右側に小さなキャレット ボタンを配置することです。

これをスタイリングする簡単な方法を知っている人はいますか？言い換えると、一番上の要素を (または同様のもの) にし、その横にキャレット記号を含むボタンのみを配置します。

前もって感謝します！

4

1 に答える 1

0

.btn-link現在進行中のブートストラップ2.1を見ると、おそらくこれで機能する新しいボタンstlyeクラスが導入されています。

.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/

于 2012-08-17T17:50:03.043 に答える