在页脚标记中,即图像的最后,我想要一个在左侧(紧急联系人),另一个在右侧(在线顾问)?怎么做?

时间:2018-10-25 06:30:26

标签: css html5 bootstrap-4

At the footer, I want one at the left (Emergency Contact) and other at right

<?php
    add_image_size( 'people-img', 360, 360, true ); 
?>

1 个答案:

答案 0 :(得分:1)

这是解决问题的方法:

<footer>
    <div class="container-fluid">
        <div class="float-left">
            <p class="p1 col-lg-6">(91)+8313285202</p>
            <br>
            <h5><i class="fa fa-phone-square col-lg-6" style="color:red">EMERGENCY CONTACT</i></h5>
        </div>

        <div class="float-right">
            <p class="p2 col-lg-6">(91)+MAS@GMAIL.COM</p>
            <br>
            <h5><i class="fa fa-check col-lg-6" style="color:green">ONLINE CONSULTANT</i></h5>
        </div>
    </div>
</footer>

我从类<div>中删除了row,并且还从使用style="position:relativediv的{​​{1}}中删除了float-left

我还整理了所有代码。这是我的Codepen显示的工作代码:https://codepen.io/CodeBoyCode/pen/gBQVWR