如何在twitter-bootstrap中使用縮略圖作爲buttongroups

Question

例如： - A，B和C是縮略圖。所以，當縮略圖「A」我選擇「A」（類似於在按鈕組中按下的按鈕）並顯示與div中的縮略圖「A」相關聯的一些信息時。

Answer 1

按鈕組只是指幾個按鈕一起出現。

如果你要使用縮略圖Twitter的引導按鈕插件，並模擬單選按鈕，似乎有可能：

添加此data-toggle="buttons-radio"一些共同的父，並激活插件像這樣的東西：

$('a').on('click',function() { 
    $(this).button('toggle'); 
}); 

你可以用一些CSS外觀：

a .text { display: none; } 
a.active .text { display: block; } 

HTML：

<ul class="thumbnails" data-toggle="buttons-radio"> 
    <li class="span3"> 
     <a href="#" class="thumbnail active"> 
      <img data-src="holder.js/260x180" alt="" /> 
      <span class="text">A</span> 
     </a> 

    </li> 
<!-- ... --> 

Demo (jsfiddle)

從理論上講，你應該能夠與任何元素使用，而不僅僅是<a>