Bootstrap 3缩略图右侧的文本

Question

我有一个问题，基本上使用缩略图是好的，你可以在缩略图下方获取文字，但我想在缩略图旁边添加3个标签，类似的东西，并希望：

或边框外的那些参数，但边框应该非常接近缩略图...

代码如下：

<div class="col-xs-6 col-md-3">
  <a href="#" class="thumbnail">
    <img data-src="holder.js/100%x180" src="untitled.png" alt="Generic placeholder thumbnail">
    <ul>
    <li>Title</li>
    <li>Location</li>
    <li>Price</li>
    <ul>
  </a>
</div>

从帖子和回复中我得到了小提琴中的以下内容，以及在我的解决方案中，我将其标记为黄色，因为您可以看到边框现在以某种方式位于顶部:(：

这是最后一个屏幕，仍然破碎:(

Answer 1

问题是默认引导程序显示属性设置为阻止。只需将其更改为inline-flex或inline-block即可。例如：

<div id="someId" class="col-md-6">
    <a href="#" class="thumbnail">
        <div class="col-md-6">
            <img data-src="holder.js/100%x180" src="untitled.png" alt="Generic placeholder thumbnail">
        </div>
        <div class="col-md-6">
          <ul>
            <li>Title</li>
            <li>Location</li>
            <li>Price</li>
          </ul>
        </div>
    </a>
</div>

只需设置id并在css中写

#someId .thumbnail{
    display: inline-flex;
}

Answer 2

这很简单，只需将区域划分为2个相等的部分并填写内容。

http://jsfiddle.net/fatgamer85/D5M7E/3/

<div class="col-md-6">
    <a href="#" class="thumbnail">
        <div class="col-md-6">
            <img data-src="holder.js/100%x180" src="untitled.png" alt="Generic placeholder thumbnail">
        </div>
        <div class="col-md-6">
          <ul>
            <li>Title</li>
            <li>Location</li>
            <li>Price</li>
          </ul>
        </div>
    </a>
</div>