引导4网格系统错误

Question

开始学习引导4和响应网格系统。下面的代码是我的html。当调整窗口大小时，所有列都能很好地工作，直到我到达xs屏幕大小，并且所有列都会自动跨越12，而不是像我曾经尝试过的4-4-4。试着在网上搜索，但似乎找不到答案。帮助感激。我已经添加了我的结束html标签，它只是没有显示出于某种原因。

​

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

            <div class="container">
                <div class="row">
                <div class="col-xs-4 col-sm-8 col-md-12 col-lg-4 box1">1</div>
                <div class="col-xs-4 col-sm-2 col-md-6 col-lg-4 box2">2</div>
                <div class="col-xs-4 col-sm-2 col-md-6 col-lg-4 box3">3</div>
                </div>
            </div>

        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
        integrity="sha384-
        KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
        crossorigin="anonymous"></script>
        <script 
        src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper
        .min.js" integrity="sha384-
        ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" 
        crossorigin="anonymous"></script>
        <script 
        src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.
        js" integrity="sha384-
        JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" 
        crossorigin="anonymous"></script>

​

Answer 1

在引导程序4中，不存在col，而是需要放置一个col-4 https://getbootstrap.com/docs/4.0/layout/grid/。