无法使用引导程序将两列彼此相邻

Question

所以我正在创建一个个人资料网站，而且总的来说它的表现非常好。

我今天一直在努力让它更具响应性，但是因为在旋转木马对象上实现了bootstrap之后，它的导航按钮搞砸了，我无法弄清楚如何正确设置它们。

这是我的codepen。我需要的是按钮在彼此旁边和旋转木马下面居中......

以下是我设置按钮divs的片段：

                     </div> //closes the previous row


                        <div class="row">
                          <div class="col-xs-4 col-offset-xs-1">
                            <div class="prev">Prev</div>
                          </div>
                          <div class="col-xs-4 ">
                            <div class="next">Next</div>
                          </div>
                       </div> 

               </div> // closes the wrapping container