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

问题陈述：

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

标签： csstwitter-bootstrap

Answer 1

您正在使用引导程序。做 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>