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

Question

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

点击“CMIP3 models”左上角的“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;
}