小编M_B*_*ker的帖子

Twitter Bootstrap按钮文本Word Wrap

对于我的生活,我无法将这些Twitter引导按钮文本换行到多行,它们就像这样出现.

我无法发布图片,所以这就是它正在做的......

[这是bu] tton文本

我希望它看起来像

[这是]

[按钮文字]

<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>
Run Code Online (Sandbox Code Playgroud)

任何帮助将非常感激.

编辑.我试过添加,word-wrap:break-word;但它没有任何区别.

编辑.JSFiddle http://jsfiddle.net/TTKtb/ - 你需要它扩展右栏,使面板彼此相邻.

html css web twitter-bootstrap

179
推荐指数
3
解决办法
12万
查看次数

标签 统计

css ×1

html ×1

twitter-bootstrap ×1

web ×1