Horizo​​ntally sizing Bootstrap 3媒體對象主體

Question

我需要同樣大小的.media-body元素，以便它們可以長到頁面的左邊界，而不管它們包裝的文本。

<div class="container"> 
<div class="media"> 
    <a class="media-left" href="#"> 
     <img class="media-object" data-src="holder.js/64x64"> 
    </a> 
    <div class="media-body"> 
     <p class="text-justify deal-text" >Lorem ipsum dolor sit amet, consectetur dipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</p> 
    </div> 
    <a class="media-right" href="#"> 
     <img class="media-object" data-src="holder.js/64x64"> 
    </a> 
</div> 
    <div class="media"> 
    <a class="media-left" href="#"> 
     <img class="media-object" data-src="holder.js/64x64"> 
    </a> 
    <div class="media-body"> 
     <p class="text-justify deal-text" >Lorem ipsum</p> 
    </div> 
    <a class="media-right" href="#"> 
     <img class="media-object" data-src="holder.js/64x64"> 
    </a> 
</div> 
    <div class="media"> 
    <a class="media-left" href="#"> 
     <img class="media-object" data-src="holder.js/64x64"> 
    </a> 
    <div class="media-body"> 
     <p class="text-justify deal-text" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</p> 
    </div> 
    <a class="media-right" href="#"> 
     <img class="media-object" data-src="holder.js/64x64"> 
    </a> 
</div> 
</div> 

這裏的snippet

Answer 1

這似乎是工作...

<style> 
    .media-body { 
    width: 100% ; 
    } 
</style>