如何在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>