为什么我的bootstrap 4列垂直堆叠而不是水平堆叠？

Question

我是Bootstrap 4的新手。当我从3切换到4时，我的列没有排成一行。我查了很多文档，但仍然无法将它连成一行。任何帮助，将不胜感激！！ before: bootstrap 3 image.

after: bootstrap 4

代码：

<div class="container">
            <div class="row">
                <div class="skillsbox hvr-wobble-skew">
                    <div class="col-2">
                        <h4>HTML 5</h4>
                        <img src="img/html5.png">
                    </div>
                    <div class="col-2">
                        <h4>&#64;Southern Utah University</h4>
                        <img src="img/suu.png">
                    </div>
                    <div class="col-6">
                        <h4>Description</h4>
                        <p>blah blah blah</p>
                    </div>
                    <div class="col-2">
                        <h4>Dates</h4>
                        <p>Spring and Fall 2014</p>
                    </div>
                </div>
            </div>