在语义UI列中添加空白

Question

我寻找了CSS网格布局来学习语义UI网格系统（typically here），我尝试使用“列”类来增加边距，但它弄乱了孔网格。 我只想要网格中2px之类的小间隙。这是jsfiddle 我检查了文档，没有提及差距。 谢谢

<div class="ui equal width stackable divided  grid">
    <div class="row">
        <div class="red column">
            <header></header>
        </div>
    </div>
    <div class="three column row">
        <div class="three wide blue column">
            <nav></nav>
        </div>
        <div class=" column">
            <div class="ui  grid">
                   <div class=" column row">
                        <div class="thirteen wide yellow column">
                            <article></article>
                        </div>
                    <div class="three wide pink column"></div>
                   </div>
                   <div class="row">
                        <div class="teal column">
                       <footer></footer>
                        </div>
                </div>  
            </div>
       </div>
    </div>