在响应元素中使用一个很长的单词？

Question

我正在使用Twitter Bootstrap.

<div class="container">
    <div class="row-fluid">
        <h1>VeryLongWordHere</h1>
    </div>
</div>

的jsfiddle

---

在移动屏幕上,文字变得不可读; 给我两个选择:

1. 当宽度达到一定大小时,文本大小会减小(我该怎么做BTW？)
2. 使文本超过> 1行; 例如:在我用<span>标签指定的每个段上

但是我不知道怎么做......

Answer 1

我在我的解决方案中使用这个CSS来解决类似的问题:

word-wrap:break-word

如果有必要,这会迫使单词破坏以强制它们适合.