Question

例如： - A，B和C是缩略图。因此，当缩略图“A”时，我选择“A”（类似于按钮组中按下的按钮），并在div中显示与缩略图“A”相关的一些信息。

Answer 1

按钮组仅指几个按钮的外观。

如果你想使用Twitter Bootstrap按钮插件缩略图，并模拟单选按钮，似乎有可能：

将此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>

如何在twitter-bootstrap中使用缩略图作为buttongroups

1 个答案: