垂直对齐项目列表

Question

我有一个截图如下所示，我必须在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>

我不知道如何在wordpress中制作小提琴因此决定放置代码。

问题陈述：

我应该在上面的HTML代码中进行哪些更改以复制左侧的内容（主页 我们的故事 BPRO 媒体）和正确（博客 职业 联系我们 客户）？

Answer 1

你正在使用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>