Html 引导：防止'；威尔斯'；从包装

在我当前使用bootstrap的网站上，我在。我试图达到的效果是让每口井并排排排成一排。这对几口井来说很好。然而，现在我已经添加了更多的井，并且开始在更小的分辨率上进行测试

现在，当井到达浏览器窗口的边缘时，它们会环绕。这不是我喜欢的行为。相反，我希望出现一个水平条，允许用户侧滚以查看其余的油井。无论屏幕分辨率、井的数量和井内容物的宽度如何，所有井都应位于同一行

下面是一段简短的代码，让您了解我的结构：

井1
TexxTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT

井2
texxxtttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

井3
texxxtttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

您可能需要一些自定义CSS来获得该结果，请使用以下命令：

<div class="container-fluid">
  <div class="row wells"> // ADD Class "wells"
    <div class="span">

---

勾选此项

您希望井拉伸还是设置（最大）宽度？也就是说，是否需要将滚动应用于整条生产线或单个油井…？…因为如果第一个，则@Danko的答案是正确的，否则将溢出应用于各个油井，并设置其（最大）宽度…是的，油井会拉伸，也应该拉伸。谢谢你帮我澄清。谢谢丹科，这正是我想要的。我不得不禁用一些其他css以使其正常工作（.span had float=left；）然而，现在我得到了每个井的“步骤”效果。请看这里：关于如何使所有井在顶部而不是底部对齐的想法？@pcb很高兴能帮助您。。垂直对齐chekc这就像一个符咒。再次感谢。

.row.wells {
  white-space:nowrap;
  overflow:auto;
    }
.span {
  display:inline-block;
 }