Bootstrap 4 每行5列引导
我尝试在一行中放置5列,我尝试使用offset='1',但它不起作用。如何解决这个问题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')
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>