Css 并排的店面页脚小部件

我最近在Wordpress中下载了Woocommerce，我正在使用店面主题来尝试和学习如何将电子商务网站整合在一起。我已经设法添加了产品/类别等。我遇到的问题是，试图在页脚中显示并排出现在版权栏上方的小部件

目前，我已经添加了4个小部件，它们都显示在彼此的顶部，我不知道如何在列中包含这些小部件

我该怎么做呢

我正在尝试构建的页脚栏示例如下所示：

我目前有最新版本的Wordpress、StoreFront和Woocommerce

谢谢你们的回复和更新

我已经从我的视图源添加了代码（抱歉，不确定从wordpress后端复制什么）

联系
我的域名有限公司

0123456789

info@mydomain.com

今天给我们发电子邮件，我们将在24小时内回复

最新职位测试区2

测试区2

测试区2

测试区2
我在哪里可以见到你JFKLSDJKFJDSJL
&抄袭；我的领域2015

请更新您的问题，以包含您的问题代码，这里有wordpress、woocommerce等的标签。我添加了这些标签，以便吸引更多答案，但是我不得不删除一些我认为不相关的旧标签，以保持在五个标签的限制内。我认为WooCommerce标签也有点不相关，因为问题是CSS对齐。Storefront有4个不同的页脚小部件区域。在每个窗口中放置一个小部件，它们将显示为列。这是店面默认设置，你可以看到，谢谢helgatheviking，出于某种原因，我想我试过了，但我想没有

<div class="sfb-footer-bar">
<div class="col-full">
<section id="text-2" class="widget-1 widget-first widget-odd widget 
widget_text"><h2 class="widget-title">Get In Touch</h2>         
<div class="textwidget">My Domain Ltd<br/>
            01234 56789<br/>
            info@mydomain.com<br/>
            Email Us Today and we will respond within 24 hours!<br/>
            </div>
                    </section><section id="text-4" class="widget-2 widget-even widget widget_text"><h2 class="widget-title">Latest Posts</h2>           <div class="textwidget">Testing Area 2</br>
            Testing Area 2</br>
            Testing Area 2</br>
            Testing Area 2</div>
                    </section><section id="text-5" class="widget-3 widget-last widget-odd widget widget_text"><h2 class="widget-title">WHERE CAN I SEE YOU</h2>         <div class="textwidget">JFKLSDJKFJDSJL</div>
                    </section></div></div>
                <footer id="colophon" class="site-footer" role="contentinfo">
                    <div class="col-full">

                            <div class="site-info">
                    &copy; My Domain 2015   </div><!-- .site-info -->

                    </div><!-- .col-full -->
                </footer><!-- #colophon -->