Css 垂直对齐项目列表

我有一个屏幕截图，如下所示，我必须在wordpress中复制。

现在，我可以复制上面的徽标，但不能复制左右两侧的文本

我用来复制B徽标的代码是：

<div class="footer-content">
<div class="row">
<div class="col-xs-12">[edsanimate_start entry_animation_type= "rotateIn" entry_delay= "0" entry_duration= "1" entry_timing= "ease-in-out" exit_animation_type= "" exit_delay= "" exit_duration= "" exit_timing= "" animation_repeat= "1" keep= "yes" animate_on= "scroll" scroll_offset= "1" custom_css_class= ""]<img class="aligncenter size-full wp-image-517 center-block" src="http://thebettersoftwarecompany.com/wp-content/uploads/2017/01/logo-footer.png" alt="" width="160" height="160" />[edsanimate_end]</div>

[edsanimate\u start entry\u animation\u type=“rotateIn”entry\u delay=“0”entry\u duration=“1”entry\u timing=“ease in out”exit\u animation\u type=”“exit\u delay=”“exit\u duration=”“exit\u timing=”“animation=“1”keep=“yes”animation=“scroll”scroll\u offset=“1”custom\u css\u class=”“][edsanimate\u end]

我不知道如何在wordpress中做一把小提琴，所以决定把代码放进去

问题陈述：

---

我应该在上面的HTML代码中做哪些更改来复制左边（主页我们的故事媒体）和右边（博客职业联系我们客户）的内容？

您正在使用bootstrap>。做3列4，而不是1列12

<div class="col-sm-4">[list-items]</div>
<div class="col-sm-4">[B Logo]</div>
<div class="col-sm-4">[list-items]</div>

[列表项]
[B标志]
[列表项目]

您正在使用引导。做3列4，而不是1列12

<div class="col-sm-4">[list-items]</div>
<div class="col-sm-4">[B Logo]</div>
<div class="col-sm-4">[list-items]</div>

[列表项]
[B标志]
[列表项目]

CSS列表在默认情况下是垂直的，还是说在页脚中垂直对齐？如图所示，朝向底部？默认情况下，CSS列表是垂直的，还是指在页脚中垂直对齐？如图所示朝向底部？