css - 基金会 : margin between columns

Question

<div class="row">
    <div id="right-content" class="large-9 columns wrapper">

      <%= render "users/tabs", :user => @player_profile.user %>

    </div>

    <div class="large-3 columns wrapper">

      <%= render "shared/social", :resource => @player_profile %>

    </div>

</div> 

预览

我会做一些类似 Fancy.com 的东西(右边的内容和侧边栏之间有一些空白)

我试过

<div id="right-content" class="large-9 columns wrapper" style="
    margin-right: 20px;
">

但在这种情况下，侧边栏会飞到“right-content”下方。我该如何解决？

Answer 1

解决了处理填充而不是边距的问题!