Css 引导3：如何更改'；a'；标签与它包含的图像宽度完全相同？

我如何更改窗口的宽度 ... 我尝试使用：

<a class="fancybox thumbnail" style="width: auto" href="/assets/images/gallery/test.jpg">

---

我想把类添加到a。。例如：。自定义缩略图

HTML:

<a class="fancybox thumbnail customThumbnail" href="/assets/images/gallery/test.jpg">
        <img class="img-responsive" src="test_small.jpg">
</a>

您可以在这里使用任何宽度（在col-md-5中），因为您的图像具有响应性-它将进行调整。
另外，尝试重置填充（因为“a”周围可能有一些填充）

尽管如此，JSFIDLE将是最好的：）
您可以添加一个自动宽度。要使其生效，您需要指定
display:block

.fancybox.thumbnail {
    display: block;
    width: auto;
}

我有一个积极的例子



不费吹灰之力很难解决它为什么不起作用。锚点不需要任何特殊的东西来占用div的空间，特别是因为它位于引导网格元素中。
尝试创建一个新类，赋予它100%的宽度或使它成为一个内联样式

<div class="row">
    <div class="col-md-5">
      <a href="/assets/images/gallery/test.jpg"> <img class="image-responsive" style="width:100%;"   src="test_small.jpg"/></a>   </div>
    <div class="col-md-7">
    ...
    </div>
</div>


...
你能做一个JSFIDLE吗？给你：。到目前为止所有的答案都不能解决这个问题。。。
a.customThumbnail {display: block; width: 200px; padding: 0}

.fancybox.thumbnail {
    display: block;
    width: auto;
}

<div class="row">
<div class="col-md-5">
    <a href="/assets/images/gallery/test.jpg">
    <div class="content"> <!-- This div isn't necessary, but is helpful for organizing -->
    <img class="img-responsive" src="test_small.jpg" alt="Small Images">
    </div>
    </a>
    </div>
<div class="col-md-7"></div>
</div>

<div class="row">
    <div class="col-md-5">
      <a href="/assets/images/gallery/test.jpg"> <img class="image-responsive" style="width:100%;"   src="test_small.jpg"/></a>   </div>
    <div class="col-md-7">
    ...
    </div>
</div>