Html 在Rails 4中使用引导。为什么在<;部门>;对于每个_片()?
我正在使用Rails 4的引导。我正在使用每个_slice()创建两列。但是,使用下面的代码,我在左边的列中得到一个空的大空格Html 在Rails 4中使用引导。为什么在<;部门>;对于每个_片()?,html,css,ruby-on-rails,twitter-bootstrap,ruby-on-rails-4,Html,Css,Ruby On Rails,Twitter Bootstrap,Ruby On Rails 4,我正在使用Rails 4的引导。我正在使用每个_slice()创建两列。但是,使用下面的代码,我在左边的列中得到一个空的大空格 <% @projects.each_slice(1) do |projects| %> <div class="col-md-6"> <% projects.each do |project| %> <p><%= project.name %>&
<% @projects.each_slice(1) do |projects| %>
<div class="col-md-6">
<% projects.each do |project| %>
<p><%= project.name %></p>
<% end %>
</div>
<% end %>
为了进一步解释,我得到了以下html:
<div class="row">
<div class="col-md-6">This is displayed on the left</div>
<div class="col-md-6">This is displayed on the right</div>
<div class="col-md-6">This is displayed on the right</div>
<!-- Here there is a huge empty space, between the first and fourth div -->
<div class="col-md-6">This is displayed on the left</div>
<div class="col-md-6">This is displayed on the right</div>
<div class="col-md-6">This is displayed on the left</div>
<div class="col-md-6">This is displayed on the right</div>
<div class="col-md-6">This is displayed on the left</div>
</div>
这将显示在左侧
这将显示在右侧
这将显示在右侧
这将显示在左侧
这将显示在右侧
这将显示在左侧
这将显示在右侧
这将显示在左侧
这些div的长度不同。我怎样才能均匀地显示它们,而不在div之间有时获得巨大的空间?我检查了所有的填充和边距,这不是因为它们。我认为问题在于第二和第三个div之间没有“左”div
每个_slice
将一个数组分组为子数组,但我看不出将它们分成一个元素的组有什么意义,这就是调用@projects时所做的。每个_slice(1)
。这可以简化为
<% @projects.each do |project| %>
<div class="col-md-6">
<p><%= project.name %></p>
</div>
<% end %>
但是,我认为这不是你的问题。如果您列出的不是您想要的,那么您实际想要生成什么html?它们是在父行上带有文本align:justify的内联块元素吗?div只是块,父行。Bootstrap中的行只有左右边距。无文本对齐:justify…谢谢你的回复,Max。这也适用于显示两列,但是我仍然在一些div之间有一个空白。我希望所有div之间总是有相等的空间。例如,利润率上限:20px;你说的两列是什么意思?如何将它们显示为两列?你能把html和相关的css放在JSFIDLE上吗?如果不知道您正在对
.col-md-6做什么样式,就很难解决这个问题