デザインでサムネイル クラスを使用する際に問題があります。ユーザーがモーダルウィンドウを使用してより大きな写真を表示できるように、ウィンドウのサイズを縮小しながら5枚の写真を連続して表示したいのですが、ウィンドウのサイズが縮小されるとすぐに写真が1列に飛び出します。どうすれば解決できますか？次のリンクで確認できるように、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
ご協力ありがとうございました。