Beni hayat için bu twitter birden fazla satır yazıyı kaydırmak için düğmelerini bootstrap alamıyor, bu yüzden onlar gibi görünen benim.

Resim post edemiyorum, bu ne yani...

[Bu] metin tton

Bunun gibi görünmesini istiyorum

[Bu ]

[düğme metin ]

<div class="col-lg-3"> <!-- FIRST COL -->
  <div class="panel panel-default">
    <div class="panel-body"> 
    <h4>Posted on</h4>
    <p>22nd September 2013</p>
    <h4>Tags</h4>
    <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
   <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
   <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
           </div>
  </div>
</div>

Herhangi bir yardım çok mutluluk duyacağız.

Edit. word-wrap:break-word; eklemeyi denedim ama hiçbir şey fark değil.

Edit. http://jsfiddle.net/TTKtb/ - ihtiyacınız olacak JSFiddle panelleri birbirlerine yanında oturmak çok sağ sütunu genişletin.

Bunu deneyin: ekleyinwhite-space: normal;Bootstrap Düğmesi stil tanımını veya bir ile gösterilen kodunu değiştirebilirsiniz

<div class="col-lg-3"> <!-- FIRST COL -->
  <div class="panel panel-default">
    <div class="panel-body"> 
    <h4>Posted on</h4>
    <p>22nd September 2013</p>
    <h4>Tags</h4>
    <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;white-space: normal;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
   <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;white-space: normal;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
   <a href="#" class="btn btn-primary btn-xs col-lg-12" style="margin-bottom:4px;white-space: normal;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
           </div>
  </div>
</div>

Kemanını here çıkar nasıl göstermek için güncelledik.