如何在bootstrap 4中将div下的子元素居中？
如何在bootstrap 4中将div下的子元素居中？
提问于 2018-08-08 01:20:25
我已经看过了boostrap 4的文档。
要使内容水平居中，我们可以使用justify-content-center类。
例如
我有4个子元素在一个div像图片和文本，我想把它们全部居中一次，但它不工作使用上面的类。这是可以实现的吗？
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<div class="content col-12 col-sm-6 d-flex justify-content-center ">
<div class="photo-wrapper">
<img src="#" alt="">
</div>
<div class="text-wrapper">
<div class="title">
Title
</div>
<div class="position">
Position
</div>
<div class="phones">
Phone
</div>
</div>
</div>
<div class="col-12 col-sm-6 p-0 d-flex justify-content-center justify-content-sm-start">
<a href="#" class="link-button">See profile</a>
</div>
它应该看起来像下图，但它不是。
回答 1
Stack Overflow用户
发布于 2018-08-08 01:36:29
您必须在row类中使用它，例如：
<div class="row justify-content-center">
<div class="col-md-2"></div>
<div class="col-md-2"></div>
<div class="col-md-2"></div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51732234
复制相关文章
相似问题