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

Question

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

单击“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;
}