css - 垂直对齐元素列表

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 中制作 fiddle ，所以决定放置代码。

问题陈述:

我应该在上面的 HTML 代码中做哪些更改才能复制左侧的内容(Home Our Story BPRO Media ) 和权利(博客 职业 联系我们 客户)？

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>