如何在bootstrap中在屏幕上均匀分布五列？[副本]

Question

我在Bootstrap3中有5列，如下面的屏幕截图所示。如何在屏幕的左右两侧都没有空格的情况下将5列分配到屏幕上？

Answer 1

您可以对具有100%宽度的父级和具有任何. col-[任何您想要的]类的子级（或者，如果您不想让每个子级调整屏幕大小，则只需在每个子级上使用. col-[任何您想要的]类）进行此操作。文档：https://getbootstrap.com/docs/3.3/css/

您也可以使用宽度为100%和display:flex的容器以及每个宽度为20%的子容器创建自己的CSS。

.parent {
  width: 100%;
  display: flex;
}

.child {
  width: 20%;
}