`col-sm-8` 和 `col-md-6` 是 Bootstrap 栅格系统中的类,用于控制元素在不同屏幕大小下的宽度。
其中,`col-sm-8` 表示在小屏幕(≥576px)下该元素占据 8 个栅格,即占据了屏幕宽度的 8/12;而 `col-md-6` 表示在中等屏幕(≥768px)下该元素占据 6 个栅格,即占据了屏幕宽度的 6/12。这样做的目的是为了让元素在不同屏幕大小下都能够合理地显示,提高用户体验。
Bootstrap 的栅格系统一般由 12 个栅格组成,可以通过添加不同的 `col-*` 类来控制元素的宽度。例如,`col-xs-*` 表示在极小屏幕(<576px)下的栅格数,`col-lg-*` 表示在大屏幕(≥992px)下的栅格数等等。你可以根据实际情况选择合适的栅格类来控制元素的宽度。