Twitter bootstrap 引导：显示跨距之间的空间

我一直在为我的项目使用bootstrap进行响应流体布局，我对这个界面很满意

我在一行中使用12个跨度来设计块。 以下是一行的引导：

<div class="row-fluid">
    <div class="span4">
        <img src="block.png">
    </div>
    <div class="span8">
        <p><!---some text---></p>
    </div>
</div>

它将以行的形式显示这些跨距，并在全宽屏幕上显示良好

问题

我在全屏视图中并没有任何问题，但当我缩小到屏幕时，其中一个块转到下一行，这两个块之间并没有空间

事情是这样的-

全屏布局

窄屏幕

---

如何获得带跨距线的空间？

使用媒体查询，您可以根据屏幕大小添加样式，因此我不知道布局更改的宽度，但在本例中，我将使用700px，一旦屏幕宽度达到700px，类span8将获得样式

边距顶部：（所需边距）px这就是我在bootstrap中进行样式设置的方式。一旦你的反应开始，这将允许你在span8上有额外的空间

@media (max-width: 700px) {
    .span8
    {
        margin-top: (x)px;
    }
}

使用媒体查询，您可以根据屏幕大小添加样式，因此我不知道布局更改的宽度，但在本例中，我将使用700px，一旦屏幕宽度达到700px，类span8将获得样式
margin top:（您所需的margin）px这就是我在bootstrap中进行样式设置的方式。一旦你的反应开始，这将允许你在span8上有额外的空间

@media (max-width: 700px) {
    .span8
    {
        margin-top: (x)px;
    }
}

将徽标类添加到徽标中

<img src="URL" alt="ALT" class="logo"/>

将徽标类添加到徽标中

<img src="URL" alt="ALT" class="logo"/>

我已经试过了，但是边距也会在内联时出现。你能用css制作JSFIDLE吗？我已经试过了，但是边距也会在内联时出现。你能用css制作JSFIDLE吗？添加bootstrap-responsive.cssadd bootstrap-responsive.css