Twitter bootstrap .媒体右侧vs.向右拉

我一直在努力从我们的引导实例中删除一些不推荐的项，但遇到了这个问题。将“查看更多”链接从.pull right更改为.media right时，它似乎丢失了先前放置在.pull right类上的浮动。我是否正确使用了媒体类？我似乎无法让它与它一直以来的工作方式相匹配

它没有很好的样式，但当您从“向右拖动”更改为“媒体向右”时，可以看到最后一个链接元素上的对齐方式

小提琴：

截图：

媒体标题

问题就在这里。您所做的是使用

col-md-3

，在其中您希望事物向左和向右浮动。不幸的是，尽管“内容”是全宽度的，即使它是浮动的。因此，“查看更多”链接将被删除

你会这样做的

<div class="container">
<div class="row">
<div class="col-md-6">
  <ul>
                <li class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="http://placehold.it/50x50" alt="...">
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading">Media heading</h4>
                    </div>
                </li>
            </ul>
</div>
<div class="col-md-3 pull-right">
  <a href="#">View More</a>
</div>

媒体标题

很明显，这个陷阱在一定的宽度下是有反应的，它将在彼此下面。

---

你能用JSFIDLE显示代码吗..在尝试此操作并将“右拉”替换为“媒体右拉”时，它似乎仍然无法正确显示？一个屏幕截图会有所帮助，因为它不允许我将一个特定的代码张贴到票证上，我找到了一个解决方法

<div class="container">
<div class="row">
<div class="col-md-6">
  <ul>
                <li class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object" src="http://placehold.it/50x50" alt="...">
                    </a>
                    <div class="media-body">
                        <h4 class="media-heading">Media heading</h4>
                    </div>
                </li>
            </ul>
</div>
<div class="col-md-3 pull-right">
  <a href="#">View More</a>
</div>