Flexbox不能正常工作(当我达到M屏幕尺寸时不要转动)

Question

由于某些原因，当屏幕尺寸变为md时，我不能在一行中获得两个col，只有当我点击small时，我才会在每行获得一个col (col-12)，谁能告诉我为什么？我什么都试过了，不明白为什么没用。

<div class="row align-items-center" id="footerRow">
<div class="col-lg-12">
    <div class="container">
        <div class="row align-items-stretch">
            <div class="col-lg-3 col-m-6  mt-4 mb-4"dir="rtl">
                <img src="assets/logo.png" dir="rtl">
            </div>
            <div class="col-lg-3 col-m-6  mt-4 mb-4">
                <ul dir="rtl" class="footerUl">
                    <h5>צור קשר</h5>
                    <li>רחוב העצמאות 53 באר שבע</li>
                    <li>syllabus.uk@gmail.com</li>
                    <li>08-6201119</li>
                </ul>
            </div>

            <div class="col-lg-3 col-m-6 mt-4 mb-4">
                <ul dir="rtl" class="footerUl">
                    <li>מפת האתר</li>
                    <li><a href="#">דף הבית</a></li>
                    <li><a href="#">אודות</a></li>
                    <li><a href="#">המרכזים שלנו</a></li>
                    <li><a href="#">תאריכים 2019</a></li>
                    <li><a href="#">גלריה</a></li>
                    <li><a href="#">צור קשר</a></li>
                </ul>

            </div>
            <div class="col-lg-3 col-m-6 mt-4 mb-4">
                <ul dir="rtl" class="footerUl">
                    <li>סאמר סקולס</li>
                        <li>סאמר סקול טיול לפריז</li>
                        <li>סאמר סקול אקסטרים</li>
                        <li>סאמר סקול קיימברידג'</li>
                        <li>סאמר סקול בניו יורק</li>
                </ul>
            </div>
        </div>
    </div>
</div>

Answer 1

不要使用col-m-6，要使用col-md-6。

m用于margin。

欲了解更多信息，请访问https://getbootstrap.com/docs/4.1/layout/grid/