Bootstrap 4 每行5列引导

Bootstrap 4 每行5列引导,bootstrap-4,pug,bootstrap-vue,Bootstrap 4,Pug,Bootstrap Vue,我尝试在一行中放置5列,我尝试使用offset='1',但它不起作用。如何解决这个问题 b-row.mt-5 b-col(lg='3' offset='1') b-button Hi b-col(lg='3') b-button Hi b-col(lg='3') b-button Hi b-col(lg='3') b-button Hi b-col(lg='3')

我尝试在一行中放置5列,我尝试使用offset='1',但它不起作用。如何解决这个问题

b-row.mt-5
      b-col(lg='3' offset='1')
        b-button Hi
      b-col(lg='3')
        b-button Hi
      b-col(lg='3')
        b-button Hi
      b-col(lg='3')
        b-button Hi
      b-col(lg='3')
        b-button Hi 

对于Bootstrap 4,请尝试以下方法:

<div class="row">
        <div class="col">
           1 of 5
        </div>
        <div class="col">
           2 of 5
        </div>
        <div class="col">
           3 of 5
        </div>
        <div class="col">
           4 of 5
        </div>
        <div class="col">
           5 of 5
        </div>
     </div>

第1页,共5页
第2页,共5页
第3页,共5页
第4页,共5页
五分之五
我在这里找到的:

在那里,您还可以找到以前版本的解决方案


祝您好运

在行上使用
.row.row-cols-5
,在列上使用
.col


第1页,共6页
第2页,共6页
第3页,共6页
第4页,共6页
第5页,共6页
第6页,共6页(将进行包装)

对于引导-3,使用
偏移量


内尔上校{
填充:40px 20px;
背景:#333;
}

<div class="container">
  <div class="row row-cols-5">
    <div class="col">
      1 of 6
    </div>
    <div class="col">
      2 of 6
    </div>  
    <div class="col">
      3 of 6
    </div>
    <div class="col">
      4 of 6
    </div>
    <div class="col">
      5 of 6
    </div>
    <div class="col">
      6 of 6 (will be wrapped)
    </div>
  </div>  
</div>