В Bootstrap есть 12 колонок, эти цифры означают сколько занимать колонок.В вашем примере sm={8} - означает на экранах sm-размера(≥576px) занять 8 колонок, smOffset={2} - смещения на sm-экранах на две колонки относительно левого края, то есть в общем займет 10 колонок из 12(2 колонки смещения слева и 8 ширина Col). Если указать число 12 то блок будет занимать всю ширину, xs={12} - на экранах <576px займет всю ширину.
Более подробно описано тут - https://react-bootstrap.github.io/layout/grid/