带有容器的Bootstrap Trello式水平可滚动板

Question

就像标题所说，我想将Trello-clone实现为使用Bootstrap的练习。我希望顶层菜单保持不变，其中板（列）沿X轴滚动。

我尝试过使用类似这样的东西，其中包含容器。

body{
  overflow: hidden;
}
#board-container{
  width: 100rem; // Wider than the viewport
  overflow-x: scroll;
}
.board{
  width: 40rem;
  float: left;
}

但这不起作用。

我该如何做这样的事情？我可以只使用HTML，最好使用Bootstrap吗？