相关疑难解决方法(0)

我得到了Bootstrap 3的工作,但相同的代码在Bootstrap 4中不起作用.

基本上,我正在尝试为DIV创建一个水平滚动,这是一个工作JSFIDDLE for Bootstrap 3(我不想要):DEMO

Bootstrap 4的相同代码不起作用!这是JSFiddle for Bootstrap 4:https://jsfiddle.net/6kvw2q5h/

HTML

<div class="live__scroll">
  <div class="row text-center">
    <div class="col-8 live__scroll--box">1</div>
    <div class="col-8 live__scroll--box">1</div>
    <div class="col-8 live__scroll--box">1</div>
    <div class="col-8 live__scroll--box">1</div>
    <div class="col-8 live__scroll--box">1</div>
    <div class="col-8 live__scroll--box">1</div>
    <div class="col-8 live__scroll--box">1</div>
    </div>
</div>

CSS

.live__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.live__scroll .live__scroll--box {
  display: inline-block;
  float: none;
  padding: 15px;
  border: 1px solid red;
}

我究竟做错了什么？我的智慧结束了.