Html 引导行四块

如何使它们居中对齐，我使用引导

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
        <div class="col-lg-3 col-sm-6 col-xs-4"></div>
    </div>

.center {
    width: 80%;
    margin: 0 auto;
}

---

添加一个班级中心，如下所示。

.center {
    width: 80%;
    margin: 0 auto;
}

---

使用

容器

代替

容器液体

我只是建议您使用引导程序本身

.center {
    width: 80%;
    margin: 0 auto;
}

只需使用：

.center {
    width: 80%;
    margin: 0 auto;
}

<div class="container">
  <div class="row">
    ....
  </div>
</div>

....

---

如何…请澄清？我还认为您的

xs

大小应该是12…对吗有什么问题吗？默认情况下，引导容器居中。

.center {
    width: 80%;
    margin: 0 auto;
}