SORU
25 EYLÜL 2013, ÇARŞAMBA


Twitter Bootstrap Düğme Metni Kaydır

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.

CEVAP
25 EYLÜL 2013, ÇARŞAMBA


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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • bobinire

    bobinire

    24 EYLÜL 2006
  • EvilControllers

    EvilControll

    20 Ocak 2008
  • max2sims2

    max2sims2

    19 Kasım 2008