Html 如何使用引导在一行中水平对齐div

Html 如何使用引导在一行中水平对齐div,html,bootstrap-4,Html,Bootstrap 4,我试图将一页分成两部分,即6+6列,并在每个部分水平放置3个div。超过3的div在页面同一部分的底行对齐 我正在尝试,但仍然无法正确对齐。这是我的密码。我该怎么做 身份证 ID1 ID2 ID3 搜索记录 标记中缺少另一个标记。 再加上这个 <form action="" method="post"> <div class="row"> 引导中的类col执行此操作,您需要为其添加行类div,在放置coldiv的行中,引导根据放置在行div中的列数相应地

我试图将一页分成两部分,即6+6列,并在每个部分水平放置3个div。超过3的div在页面同一部分的底行对齐

我正在尝试,但仍然无法正确对齐。这是我的密码。我该怎么做


身份证
ID1
ID2
ID3
搜索记录

标记中缺少另一个标记。 再加上这个

  <form action="" method="post"> 
   <div class="row">

引导中的类
col
执行此操作,您需要为其添加
类div,在放置
col
div的行中,引导根据放置在
div中的列数相应地计算宽度


身份证
ID1
ID2
ID3
搜索记录

每个元素都是相对于父元素的;col-sm-6将为50%,但其内部的col-sm-2将约为50%的16%,或总宽度的8%。但它们不是水平对齐,而是垂直对齐。16+16+16=48,因此具有此比率的第四个应进入下一行。但这并没有发生。这就是我的想法。看看这个提琴:--在Bootstrap4中,简单地调用“col”类将使元素具有相同的宽度,;但是,它们必须在一行中。是的,
col
自动计算宽度,并相应地进行拟合,最近出现了这种情况,当时我必须在一行中制作5个col。