Html 如何与rails内联显示？

我想知道如何显示我的帖子“内联” 我刚开始学习css，我不知道该把代码display:inline放在我的css工作表的什么地方。我想试试帖子，主要内容，正文，但它不起作用。你能告诉我怎么做吗？我学了很多芭蕾舞，结果对我来说都不一样，所以我不知道怎么做

我的实际帖子显示：

我的代码： 索引后视图：

<div class="transitions-enabled" id="post">

<%- @posts.each do |post|%>

  <div class="row">

      <div class="post">


        <div class="panel-body">
          <div class="form-group text-center">
            <h3> <%=post.title%></h3>
          </div>
        </div> 

        <div class="box panel panel-default">
          <div class="image_wrapper">
             <%= link_to (image_tag post.image.url(:medium), class: 'img-responsive'), post_path(post)%>
          </div>
        </div>

        <div class="panel-body">
          <div class="form-group text-center">
            <p><%= post.prix %></p>
          </div> 
        </div> 


    </div>
  </div> 

<%end%>
</div>

---

在使用引导时，请使用列：

<div class="transitions-enabled" id="post">
    <div class="row">    
        <%- @posts.each do |post|%>   
            <div class="col-md-4 post">  
                <!-- post content -->   
            </div>
        <% end %>
    </div>     
</div>

您将找到不同的列类型

给你的帖子上一个

.col-md-4

类将使它们看起来按三个对齐：

4-4-4
4-4-4

将每行相加为12

---

您还应该删除css中的

float

样式，并将

.row

移到迭代之外，因为bootstrap会为您解决这个问题。

您应该尝试将其添加到面板主体中

---

还可以查看一下（不是现在，而是将来当您使用超过3个块时）的连续平铺div。

除了CSS样式之外，您的问题是您在每个帖子周围添加了一个

行

类

假设要在每行显示三篇文章，请按如下方式执行：

<%- @posts.each_slice(3) do |posts| %>
  <div class="row">
    <%- posts.each do |post|
      ...
    <% end %>
  </div>
<% end %>

感谢您提供关于专栏和引导的文档，理解它确实非常清晰
<%- @posts.each_slice(3) do |posts| %>
  <div class="row">
    <%- posts.each do |post|
      ...
    <% end %>
  </div>
<% end %>