Question

由于某种原因，当屏幕尺寸变为md时，我无法连续获得两列，只有当我打小时，每一行才获得一列（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/

Flexbox无法正常工作（当我按M屏尺寸时，请勿转动）

1 个答案: