Css 如何在计算滚动条宽度时使用引导网格布局

请看一下这个JSFIDLE：我是基于它制作的

---

我可以想出许多不同的方法来解释滚动条的大小，但是什么是引导方法或推荐的方法来处理这个问题呢？

我不认为有一个标准的“引导方法”来解决这个问题。。。bootstrap提供的响应是在缩小窗口时重新调整跨度元素的大小，然后当窗口变得非常窄时，它会垂直堆叠所有元素。我不认为它是真正建立了滚动条添加到跨度的想法

我很好奇为什么跨度上有一个滚动条。在您的示例中，如果您在跨度周围创建一个div，并将滚动条置于其上，则它可能会按照您的预期工作。以下是您的JSFIDLE更新：

东西

---

编辑也通常

span{#}

元素始终位于

行

元素中。最后，我要说的是，没有标准的方法，如果这是你真正需要的东西，你只需要让它工作。。。（可能有点黑）

谢谢您的解决方案。我同意你的观点，滚动条通常不应该出现这样的响应网格。但在一个项目中，我遇到了一个bug，在某些边缘情况下，滚动条会显示出来。不管怎样，你的解决方案似乎很合理。

<div class="span9 scroll-sucker">
<div class="row show-grid">
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
    <div title="" data-original-title="" class="span1">1</div>
</div>
<div class="row show-grid">
    <div title="" data-original-title="" class="span4">4</div>
    <div title="" data-original-title="" class="span5">5</div>
</div>
<div class="row show-grid">
    <div title="" data-original-title="" class="span9">9</div>
</div>
</div>

.scroll-sucker {
  overflow: scroll;   
}

<div class="scroll-sucker">
<div class="span9 ">
<div class="row show-grid">
    stuff....
</div>
</div>
</div>