html - 页脚上的样式和位置 3 列

Question

我有这个包含 3 列的页脚。问题是当我尝试在 css 中设置它们的样式时它们不会移动。我已经尝试过 flexbox 属性，但它不起作用，我想不出其他任何东西。在下面的图片中，您可以看到页脚很小，并且没有在中心对齐。

网页：

<div class=" col-lg-4 col-md-6 footer ">
    <div class="box-1">
      <h2>CONTACT</h2>
      <p> <span class="phone">[phone]</span> </p>
      <p> <span class="phone">[phone]</span>  </p>
      <p> <span class="phone">124312412</span> </p><br>
      <p></p>
      <a class="phone" href="#">[e-mail]</a>
      <br>
      <p></p>


      <p> <span class="phone">Balan, 535200</span> </p>
      <p> <span class="phone">Harghita, Romania</span>  </p><br>

      <div class="links">
        <i id="fb" class="fab fa-facebook"></i>
        <i id="yt"class="fab fa-youtube"></i>

      </div>



    </div>
    <div class="box-2">
      <a href="#"> <img src="logo1.png" alt="footerlogo"> </a>

    </div>
    <br>
    <div class="box-3">
        <h2>CONTENTS</h2><br>
        <p> <span>ABOUT</span> </p>
        <p> <span>STORIES</span> </p>
        <p> <span>CONTACT</span> </p><br>



    </div>
</div>
<hr>

CSS：

.footer{
  display: flex;
  justify-content: space-between;
  justify-content: space-around;
  position: relative;
  align-content: flex-start;
  
  }

图片：

标签： htmlcsstwitter-bootstrap-3

Answer 1

你不是在说你想要达到的目标......

是否要将页脚内容放在行的中间？

如果是这种情况，请删除 css 并添加class="d-flex justify-content-center"到您的页脚 div。而已。