我有一个页面显示另一个井中的 3 个井。 http://visualhaggard.org/illustrations/2。左边有span5,右边有span 7。右边的插图在一个井中,而右边的 2 个补充剂则在各自的井中。标题部分“其他插图...”不在这些井中。如果我在井中移动标题,则井将与底部的顶部偏移约 20 像素,如下所示:
以下描述来自我的本地环境,而不是链接中的图片:
井位于正常的引导跨度7
这是补充井的样式:
.well-associated-thumbnails {
height:250px;
overflow:auto;
background-color: white;
border-style: solid;
border_color: black;
}
这是顶部井中的代码:
<div class="span12 well-associated-thumbnails">
<h5>Other Illustrations from <%= @novel_name %></h5>
<% @related_illustrations_by_novel.each_slice(4) do |set| %>
<div class="row-fluid">
<% set.each do |illustration| %>
<div class="span3 ">
<div align="center"><%= link_to image_tag(illustration.aws_image_thumbnail_url), illustration %>
<br />
<span style="font-size:x-small;">
<%= illustration.short_name %>
</span>
<br />
</div>
<br />
</div>
<% end %>
</div>
<br />
<% end %>
</div>
这是底部的井:
<div class="span12 well-associated-thumbnails">
<h5>Other Illustrations with similar Tags:</h5>
<% @related_illustrations_by_tags.each_slice(4) do |set| %>
<div class="row-fluid">
<% set.each do |illustration| %>
<div class="span3 ">
<div align="center"><%= link_to image_tag(illustration.aws_image_thumbnail_url), illustration %>
<br />
<span style="font-size:x-small;">
<%= illustration.short_name %><br />
<%= link_to illustration.edition.novel.name, illustration.edition.novel %><br />
</span>
</div>
<br />
</div>
<% end %>
</div>
<br />
<% end %>
</div>
当我将集管放入其中时,任何人都可以告诉我为什么水井会搞砸吗?谢谢。