如何在bootstrap

时间:2015-08-24 14:24:44

标签: css twitter-bootstrap text twitter-bootstrap-3 overflow

我正在使用Bootstrap 3,并且我在col中有一个文本,当它更长时,它不适合div并且在框的宽度上溢出它。我使用了不同的显示风格,做了很多搜索但没有成功。

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-2">
          <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
              <div class="thumbnail">
                <img src="http://www.kungfunguyen.com/wp-content/uploads/2013/08/Bootstrap-2-1-Is-the-Latest-Update-to-Twitter-s-Popular-Open-Source-Project.png">
                <div class="caption">
                  Very long text which oveflows the whole div in width.aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                </div>
              </div>
            </div>
        </div>
    </div>
</div>

缩略图和标题示例,同样的问题 http://jsfiddle.net/zqeLse5q/

由于

1 个答案:

答案 0 :(得分:4)

.caption{
word-wrap: break-word;
}

http://jsfiddle.net/zqeLse5q/2/