Html 如何使用Bootstrap3的非整数列宽创建像素完美的网站？

我对Bootstrap3的非整数列宽感到困惑

根据标准，小型设备的容器宽度为750px。这包括11个30px的水槽，每个330px，总共剩下420px，除以12列，得到每列35px。好的

但中型设备的容器宽度为970px。再减去330px得到640px，除以12等于53.33px。嗯？这是怎么回事？这是不是意味着我得到两列53px，然后是一列54px，或者什么

---

有人知道为什么Twitter不只是将中等设备的列宽设为54px，而将容器的宽度设为978px吗？

如果您正在寻找一个固定宽度的网格，那么Twitter引导可能不适合您

Bootstrap网格基于百分比，设计为移动优先、响应性强的网格。简而言之，它允许您指定网格在特定断点之间的行为方式

---

sm断点位于768px，因此，如果要将768px或更高的设备作为目标，请使用col sm-*类。*是表示网格单位为1-12的值。因此，col-sm-6将是768px或更大的所有设备上包含行宽度的50%，即6/12。它不会是384px。假设该行是屏幕的全宽，则该行将是屏幕宽度的50%，该宽度小于水槽的填充。

如果您愿意放弃响应性，可以使用xs列类。它们保留一个固定的宽度，该宽度根据容器宽度确定。请参阅：

尝试阅读此。。。它可能会帮你多一点…-中型设备的最大列宽实际上是81px，因为大小是在一组值之间设置的。有人知道为什么Twitter:Bootstrap实际上不再属于Twitter了吗？Re:为什么？：基本上，人们都是人，会犯错误：有趣的线程。我想数学是错的。不能将容器宽度除以12得到列宽，因为虽然有12列，但只有11个水槽。必须减去排水沟空间，然后将剩余宽度除以12。sm的列宽为750-330/12=35，md的列宽为970-330/12=53.33，lg的列宽为1170-330/12=70。sm的列宽为36，md的列宽为54，lg的列宽为72。我了解引导网格的工作原理。我不是在找一个固定宽度的网格。但是，我希望网格列的宽度是整数像素，比如50或60，而不是53.33。如果我使用流体网格，那么宽度可以是任何东西，但是对于规则网格，给定宽度>=768，列宽是固定的。