在 Bootstrap 或 Skeleton 中，如何确定各种列宽？
例如：在引导程序中，.col-md-1的宽度为8.333333333%。
而在骨架中，1列的宽度为4.66666666667%。
它们只是通过思考随机拍摄，还是背后有一些科学？
谢谢
8.33%背后的原因是数学。默认情况下，引导程序有 12 列，因此：
100/12 = 8.3333333
如果您访问 Bootstrap 网站并自定义列数，该百分比将发生变化。例如，如果您选择 10 列（即更改@grid-columns值），则宽度将变为 10%。
我最近一直在回答这个问题，所以我做了这个可能有助于解释正在发生的事情：https://github.com/mattdell/bootstrap-grid-demo
但从本质上讲，这取决于您使用的是容器还是容器流体。如果您使用的是容器，则取决于您的屏幕尺寸。假设您具有默认设置，col-xs-12 可以正常工作
- 超小：介于 1 像素和 34 像素之间，具体取决于屏幕宽度
- 小：32.5 像素
- 中： 50.8333px
- 大：67.5 像素
计算结果很简单(container width - (number of columns * (gutter width * 2))) / number of columns