Bootstrap阴影容器在大尺寸视口下宽度过宽问题求助

直接改3处代码就能解决：

• 删掉带shadow类的外层容器上固定的w-75宽度类，换成响应式宽度类w-100 w-lg-50：小屏下占满可用宽度，992px及以上大屏占视口50%，直接解决小屏下容器宽度适配异常的问题。觉得大屏50%太窄就换成w-lg-60或者w-lg-75，按你想要的视觉效果调整即可。
• 表单里所有输入框、提交按钮的外层栅格，去掉写死的固定宽度样式，统一加col-12类；如果大屏要做两列布局，给对应列加col-lg-6就行，让栅格元素自动撑满父容器宽度，就能解决991px以上视口下表单右侧的多余空白。
• 嫌自己调宽度麻烦的话，直接给外层阴影容器套Bootstrap自带的container-lg类，框架已经写好了所有断点下的适配宽度，比手动写宽度类稳妥很多，不容易出适配bug。

改完清浏览器缓存刷新，拖动窗口调整视口宽度验证即可：小屏下阴影容器宽度适配自然，992px以上大屏下表单元素会自动撑满容器，不会出现右侧多余留白。

内容的提问来源于stack exchange，提问作者Robert Cowie