Question

我正在使用PHP > combine_sub1_tst <- lapply(seq_along(combine_sub1), + function(x) + combine_sub1[[x]][ , group := group3_lst[[x]]]) Error in group3_lst[[x]] : no such index at level 1循环生成Bootstrap列（来自ACF for Wordpress的转发器字段）。当行中的列不加12时，我需要找到一种方法来居中一行。我看到了一些关于这个问题的其他问题，但大多数都涉及手动为不均匀的行添加不同的类。希望避免使用该解决方案，因为我使用for循环生成这些列。

以下是输出HTML的示例：

for

所以在这个例子中，我希望3个最后<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-sm-3"> Lorem </div> <div class="col-sm-3"> Lorem </div> <div class="col-sm-3"> Lorem </div> <div class="col-sm-3"> Lorem </div> <div class="col-sm-3"> Lorem </div> <div class="col-sm-3"> Lorem </div> <div class="col-sm-3"> Lorem </div> </div> </div>个元素位于它们上方4的下方。

Answer 1

我建议您使用Bootstrap 4.在这种情况下，您只需将justify-content-center类添加到您的行中。

继承人的工作片段。（可能你不会看到，因为你使用sm）

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="container">
  <div class="row justify-content-center">
    <div class="col-sm-3">
      Lorem
    </div>
    <div class="col-sm-3">
      Lorem
    </div>
    <div class="col-sm-3">
      Lorem
    </div>
    <div class="col-sm-3">
      Lorem
    </div>
    <div class="col-sm-3">
      Lorem
    </div>
    <div class="col-sm-3">
      Lorem
    </div>
    <div class="col-sm-3">
      Lorem
    </div>
  </div>
</div>

Bootstrap - 如果中心列不加12，则为中心列

1 个答案: