在寫前端頁面的時候，發現一個小問題，兩個row之間緊緊的挨在一起，視覺效果很差，因此想辦法怎樣讓兩個row之間隔開一點，最初嘗試了加<br>標籤，但是總覺得不是最好的方法，又不希望修改bootstrap css，不想破壞bootstrap的一致性。
首先看一下row緊挨在一起的樣子：
![緊挨在一起的樣子](https://img-blog.csdn.net/20170815093613617?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VubWluZzAzMjc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
再看一下隔開一點的樣子
![隔開一點的樣子](https://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">

是不是比較好呢？