Twitter bootstrap 如何在引导中确定列宽？

引导列宽度根据您使用的开关设备和方向而不同

是否有任何帮助程序可以从某些css选择器或类似“col-md-3”的boostrap类中告诉我当前的列宽

---

我正在引导网格中集成D3.js图表，我需要为D3提供我希望图表适合的绝对大小。

您需要从元素本身查询此信息（使用类似jQuery的东西）。引导列是基于百分比的，因此如果不执行上述方法，您将无法知道它们的确切宽度。

您可以在准备生成图表时使用jquery

innerWidth

函数获取元素的宽度。这可能是在页面加载之后

当窗口大小改变时，您还需要这样做来获得宽度

Javascript

$( window ).resize(function() {
  //if the chart takes a while to compute you may also consider a timing 
  //function to only calculate after a few hundred milliseconds of the size 
  //being the same.

  var width = $( "#mychart" ).innerWidth();
  //remove and rebuild the chart.
});

---

我最近一直在回答这个问题，所以我做了这个可能有助于解释发生了什么：

但本质上，这取决于你是使用容器还是容器流体。如果您使用的是容器，那么它取决于您的屏幕大小。假设您拥有col-xs-12的默认设置

• x-小：根据屏幕宽度在1px和34px之间
• 小型：32.5px
• 中等：50.8333px
• 大号：67.5px

在您的情况下，您正在使用col-md-3，因此

• x-small和small：根据屏幕宽度，在1px和737px之间
• 中号：455px
• 大号：555px