如何避免bootstrap按钮内的文本溢出？

Question

我正在使用引导按钮HERE

HTML

<div class="container-fluid">
  <div class="row-fluid" id="index-nav">
    <div class="span2 offset3">
      <a class="btn btn-large" href="#">Administration</a>
    </div>
    <div class="span3">
      ...
    </div>
    <div class="span3">
      ...
    </div>
  </div>
</div>

CSS

.btn-large {
    width: 81%;
    text-align: center;
    white-space: pre-wrap;
}

设置宽度是为了确保按钮可以限制在特定的跨区域中。

但是，当我向后拖动以重新调整JSFiddle中的结果窗口时，文本似乎从按钮溢出，如下所示：

有谁知道如何解决这个问题？

Answer 1

也许，尝试将word-wrap:break-word;添加到按钮的CSS样式中？