レーベルの動きがおかしい。親の幅に従っていません!
親 div の幅は ですが.col-2 {
width: 16.666666666666664%;
}
、ラベル div が追加されると、ラベルは親 div からはみ出します。
コードを修正したら解決した問題 .label{
white-space:normal;
}
ブートストラップが使用された理由を知りたい.label{
white-space:nowarp;
}
Ya i got it ! 2 つ以上の単語を含むラベルが 1 行に表示されるように、空白の nowarp として設定します。