Css 引导程序4:'；。柔性柱&x27；正在工作但不工作'；。调整资源中心'；

我正在处理一些旧代码，并试图将内容正确地放置在我的页面上，但我遇到了一个问题：我的flex属性正在工作，但“.justify content-…”没有工作

这是我的密码：

参数
一些内容

其他类型的内容：
内容1：
内容2：
内容3：
自动的

我想您正在寻找

对齐项目中心

和

对齐项目结束

一些内容

其他类型的内容：
内容1：
内容2：
内容3：
自动的

您有三个类对齐项目开始对齐项目中心对齐项目结束

---

显然，正如这个词所暗示的那样。现在，您将了解这三个类的工作原理。

好的！这是因为我使用的是flex column，所以它不是对齐内容而是对齐项目吗？

<div class="row">
    <div class="col-4">
      <div class="d-flex flex-column justify-content-start">
        <div>
          <p>Some content</p>
        </div>
        <div>
          <label>Other type of content : </label>
          <input type="checkbox">
        </div>
      </div>
    </div>
    <div class="col-4">
      <div class="d-flex flex-column align-items-center justify-content-center">
        <img id="apercuGraphe" src="https://i.kym-cdn.com/photos/images/newsfeed/001/504/739/5c0.jpg" alt="Apercu Graphe" width="200px">
      </div>
    </div>
    <div class="col-4">
      <div class="d-flex flex-column align-items-end justify-content-end">
        <div>
          <label>Content 1 : </label>
          <input type="text">
        </div>
        <div>
          <label>Content 2 : </label>
          <input type="text">
        </div>
        <div>
          <label>Content 3 : </label>
          <select name="axeX" id="selectAxeX" class="select-no-ui">
            <option value="auto">Automatic</option>
          </select>
        </div>
      </div>
    </div>
  </div>