Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在Rails 4中使用引导。为什么在<;部门>;对于每个_片()?_Html_Css_Ruby On Rails_Twitter Bootstrap_Ruby On Rails 4 - Fatal编程技术网

Html 在Rails 4中使用引导。为什么在<;部门>;对于每个_片()?

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 %>&

我正在使用Rails 4的引导。我正在使用每个_slice()创建两列。但是,使用下面的代码,我在左边的列中得到一个空的大空格

<% @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做什么样式,就很难解决这个问题