尝试使用Bootstrap在页脚中对齐2个按钮和徽标

2023-04-01 admin

尝试使用Bootstrap-4构建新站点

我正在尝试将一个徽标与左边对齐，一个链接按钮在中间，一个链接按钮在页脚div的右边。目前，我已经让它工作了，除了徽标是垂直对齐的，所以它的顶部是中间而不是图像的中心，所以它挂得很低！

我已经尝试了垂直对齐，并尝试了对齐内容设置。

?

.footer {

  background-color: #68B3E2;
  text-align: center;
  padding: 30px;
  justify-content: space-around;

}

.logo {

  display:inline-block;
  float:left;

}

.center_btn {

  display:inline-block;
  float:none;

}

.right_btn {

  display:inline-block; 
  float:right;

}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="footer">

  <img class=logo src="images/logo.png" width="120" height="120" alt="">

  <a class="center_btn btn-primary btn-lg" href="#" role="button">Ask a question</a>

  <a class="right_btn btn-primary btn-lg" href="#" role="button">Register</a>

</div>

?

转载请注明出处:http://www.sjzxcyzs.com/article/20230401/1059743.html