垂直对齐元素列表

垂直对齐元素列表

我有一个截图,如下所示,我必须在wordpress中进行复制。


css - 垂直对齐元素列表-LMLPHP

目前,我可以复制上面的徽标,但不能复制左侧和右侧的文本。

我用来复制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代码进行哪些更改,以在左侧(Home Our Story BPRO Media主页)和右侧(Blog Careers与我们联系客户)之间复制内容?

最佳答案

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

关于css - 垂直对齐元素列表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50361578/

10-11 08:20