Bootstrap clearfix 如何优雅的让row之间 隔开一点

在写前端页面的时候，发现一个小问题，两个row之间紧紧的挨在一起，视觉效果很差，因此想办法怎样让两个row之间隔开一点，最初尝试了加<br>标签，但是总觉得不是最好的方法，又不希望修改bootstrap css，不想破坏bootstrap的一致性。首先看一下row紧挨在一起的样子：![紧挨在一起的样子](http://img.blog.csdn.net/20170815093613617?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VubWluZzAzMjc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)再看一下隔开一点的样子![隔开一点的样子](http://img.blog.csdn.net/20170815093652768?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VubWluZzAzMjc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)实际上就时在两个div之间增加了一个div：

</div><div class="clearfix" style="margin-bottom: 5px;"></div><div class="form-inline">

是不是比较好呢？