2012-08-17 75 views
0

早上好,Bootstrap btn-group修改「基本」按鈕

我試圖使用引導按鈕組將相關元素族集中在一起。這些元素只對特定的日曆年「有效」,因此我試圖將「過去元素」以易於展示的方式組合在一起。到目前爲止,我真的很喜歡使用引導按鈕組來執行此操作,如here所述。

但是,我在「列表式」視圖中顯示了多個這些按鈕,並且所有這些按鈕在眼睛上確實不容易。我想要做的不是爲第一個元素設置一個按鈕,將其作爲鏈接,並且如果我的用途希望查看過去的元素,只需在該鏈接的右側插入小插入按鈕。

有沒有人知道一種簡單的方式來設計它?重新說明 - 我希望最上面的元素只是一個(或類似的東西),只有一個包含插入符號的按鈕。

在此先感謝!

回答

0

如果你看一下自舉2.1,這是一項正在進行的工作在這個時候,他們推出一個新的按鈕stlye類.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/

+0

不是一個壞的解決方案 - 謝謝。我會稍微等一下,看看其他人是否有任何建議。 – KWondra 2012-08-17 20:28:08

+0

2.1現在是實時版本 – 2012-08-21 22:19:10