从Bootstrap 4.0.0 alpha.5迁移到(alpha.6和)beta.2导致行换行

时间:2017-12-12 01:04:06

标签: css twitter-bootstrap css3

我从alpha.5迁移到Bootstrap(alpha.6,然后)beta.2,我看到行似乎包裹,我不知道为什么。这种情况在我的网站中无处不在。

所以过去看起来像:

enter image description here

现在看起来像:

enter image description here

这个代码是:

<div class="container">
    <div class="group-label col-md-3 required">10. Birthdate</div>
    <div class="group-label col-md-3 required">11. SSN</div>
    <div class="group-label col-md-6">&nbsp;</div>
</div>

我对可能造成这种情况的原因缺乏想法。

1 个答案:

答案 0 :(得分:0)

似乎发生这种情况的原因是因为col div没有包含在类row的元素中。这看起来像是:

<div class="row">
    <div class="group-label col-md-3 required">10. Birthdate</div>
    <div class="group-label col-md-3 required">11. SSN</div>
    <div class="group-label col-md-6">&nbsp;</div>
</div>
相关问题