Javascript 用滚动条引导水平和垂直部分

Im使用位于此处的引导模板：

我喜欢垂直滚动的工作方式。我想使用它，并创建水平滚动。因此，当您使用“顶部导航”时，页面将垂直滚动。单击其中一个“部分”中的链接或按钮后，它将水平滚动。 我面临的问题是如何让各部分在一行上水平对齐

关于如何做到这一点有什么线索吗

---

感谢水平堆叠部分（例如div）使用CSS属性Float

div{
   float:left
}

---

演示：

我使用了一个宽度为200%的容器div，使“sections”的宽度为50%，float:left。制作了一个javascript来使用scrollLeft函数，这就成功了