如何为这些引导面板添加底部边距答案

【问题标题】：How can I add a bottom margin to these bootstrap panels如何为这些引导面板添加底部边距
【发布时间】：2018-05-30 19:27:45
【问题描述】：

每次面板页脚迭代后，我想要一个边距，这样每个帖子都不会连接到最后一个。解决方案不一定是最佳实践，这是一个任何样式都是额外功劳的项目。

erb：

<% if !user_signed_in? %>
<%= render 'devise/sessions/new' %>
<%= render 'devise/registrations/new' %>
<% else %>

<div class="panel panel-default center pull-right" >
    <% @posts.each do |post| %>
    <div class='name'>
        <%= post.user.name %> shared:<br><br><br>
    </div>
    <%= post.body %>

    <%= link_to like_post_path(post), method: :put do %>
    Like
    <%= post.get_upvotes.size %>
    <% end %>
    <%= link_to dislike_post_path(post), method: :put do %>
    Dislike
    <%= post.get_downvotes.size %>
    <% end %>
    <br>
    <div class="panel-footer">
        <%= form_for @comment do |c| %>
        <%= c.text_area :body %>
        <%= c.hidden_field :post_id, :value => post.id %><br>
        <%= c.submit "comment" %>
        <% end %>
    </div>
    <% end %>
</div>
<% end %>

【问题讨论】：

你已经尝试了什么？在包含元素 (.panel) 上声明 margin 属性规则就足够了，例如：.panel { margin-bottom: 20px; }

标签： css ruby-on-rails twitter-bootstrap

【解决方案1】：

如果您的示例代码生成一个 HTML <form> 元素，您可以通过使用为每个元素添加边距

.panel-footer form {
    margin-bottom: 15px;
}

【讨论】：

【解决方案2】：

嘿，不确定你是否想这样做，但你可以用相同的类名将每个帖子包装在一个 div 标记中，并为该类名指定一种 margin-bottom 样式：

【讨论】：