twitter Bootstrap：缩小屏幕尺寸时，我的缩略图会在列中弹出

Question

我在设计中使用缩略图类时遇到问题。我希望在减小窗口大小的同时将一排 5 张图片保持为一行，以便用户使用模态窗口查看更大的照片，但是一旦窗口大小减小，照片就会在一列中跳出。我该如何解决？ 我在我的 HTML 中使用了这个设置来放置缩略图，您可以在以下链接中看到： 这里 the link

点击“CMIP3 模型”左上角的“ncar_ccsm3_0”查看缩略图。在全尺寸显示器中，它们排成一排，按下每一个都会打开一个模式窗口以显示大尺寸。

太棒了。但是一旦我使窗口变小，缩略图就会在一列中弹出，这是我不希望发生的。我该如何管理它，以便在每种尺寸下缩略图都保持一排？ 结构是：

<div class="row">
  <div class="span12">
    <ul class="thumbnails">
      <li class="span2">
        <a href="link to upper photo"
        <a href="link to down photo"
      ...
      ...repeated for 5 columns

感谢您的帮助。

Answer 1

试试这个：

.table th, .table td {
    word-break: break-all;
}