Twitter bootstrap 推特引导:缩小屏幕尺寸时,我的缩略图会在一列中弹出

Twitter bootstrap 推特引导:缩小屏幕尺寸时,我的缩略图会在一列中弹出,twitter-bootstrap,responsive-design,modal-dialog,thumbnails,Twitter Bootstrap,Responsive Design,Modal Dialog,Thumbnails,我在设计中使用缩略图类时遇到问题。我希望一行5张图片保持为一行,同时减小窗口大小,以便用户使用模式窗口查看更大的照片,但一旦窗口大小减小,照片就会跳出一列。我怎样才能解决它? 我已在HTML中使用此设置来放置缩略图,您可以在以下链接中看到: 在这里 单击“CMIP3模型”左上角的“ncar\U ccsm3\U 0”以查看缩略图。在全尺寸监视器中,它们排成一行,按下每一行将打开一个模式窗口以显示大尺寸 太棒了。但只要我把窗口缩小,缩略图就会在一列中弹出,这是我不希望发生的。我如何管理它,使每个尺

我在设计中使用缩略图类时遇到问题。我希望一行5张图片保持为一行,同时减小窗口大小,以便用户使用模式窗口查看更大的照片,但一旦窗口大小减小,照片就会跳出一列。我怎样才能解决它? 我已在HTML中使用此设置来放置缩略图,您可以在以下链接中看到: 在这里

单击“CMIP3模型”左上角的“ncar\U ccsm3\U 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

  • 试试这个:

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

    我看不出你所描述的问题。这个网站似乎适合我。当我查看缩略图和缩小窗口时,它们以同样的方式保持有序。谢谢。对我将它们全部添加到一个两行表中。